@media (min-width: 576px) {
    .container {max-width:100%;}
    .container-fluid {max-width:100%;}
    
    .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:800px;}
    
    /* Footer */
    footer .container {flex-direction: row; -webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content: space-between;}
    
    /* Index */
    .indextitle h2 {font-size: 28px; margin-bottom: 40px;}
    
    /* Business */
    .bus-image > div {width:435px;}
}

@media (min-width: 768px) {
    /*.container {max-width:750px;}*/
    
    /* Index */
    #indexslides .caption > div {padding: 20px 0;}
    #indexslides .caption > div > div {margin: 0 auto; max-width:750px; padding: 0 30px;}
    #indexslides .caption h2 {font-size: 35px;}
    #indexslides .caption p {margin: 0;}
    #indexslides .caption ul li { width:32%; margin:0px 0 4px; padding: 0;}
    
    #categoryslide .card-body .card-title {font-size: 20px;}
    #categoryslide .swiper-nav > div.swiper-button-prev {left: 0;}
    #categoryslide .swiper-nav > div.swiper-button-next {right: 0;}
    
    .indextitle h2 {font-size: 34px; margin: 30px 0 42px;}
    
    /* Discounts */
    .toplinks.row > div {border-right: 1px solid #4b5f44;border-bottom: none;}
    .toplinks.row > div:last-child {border-right:none;}
    .toplinks .card-body {flex-direction: column; padding:0 10px;}
    .toplinks a {padding: 0;}
    .toplinks .card-body i {margin: 0 auto 0 auto; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;width:60px;height:48px; font-size: 42px;}
    .toplinks .card-body h2 {margin: 8px 0 0 0;}
    
    /***** INFORMATION *****/
    #mainimage .caption > div {padding: 20px 0;}
    #mainimage .caption > div > div {margin: 0 auto; max-width:750px; padding: 0 30px;}
    #mainimage .caption h2 {font-size: 35px;}
    #mainimage .caption p {margin: 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;}
    
    
    .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;}
}
@media (min-width: 992px) {
    .container {max-width:992px;}
    
    /* Header */
    header .sitename > div {-webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content: space-between;height:42px; padding-left:22px;padding-right:22px;}
    header .righthead > span {padding: 0 15px;margin: 0; border-right: 1px solid #a3dec6; line-height: 25px; /* color:#a3dec6; font-weight: 700;font-style: normal; */}
    header .righthead > ul > li {}
    
    header .navbar {height:137px;}
    header .navbar a.navbar-brand {padding: 0 15px 0 15px;}
    header .navbar a.navbar-brand img {top:-6px; max-width: 270px;}
    
    #navbarCollapse {-webkit-box-pack:flex-end; -ms-flex-pack:end;justify-content: flex-end; flex-grow: 0; height:100%; width:68.75%;}
    #navbarCollapse .navbar-nav {-webkit-box-pack: space-around; -ms-flex-pack:distribute;justify-content: space-around; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; height:100%; width: 100%;}
    #navbarCollapse > ul {padding-left:15px;padding-right:15px;  width:auto;}
    #navbarCollapse > ul > li {text-align: center; padding:0; position: relative; height:100%; 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; width:20%; justify-content: center;}
    #navbarCollapse > ul > li > a {position: relative;font-weight: 300; font-size: 1.3em; line-height: 1em; text-align: center;  padding:0;color:#008752; text-decoration: none; height:100%; 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;}
    #navbarCollapse > ul > li > a.activelink {font-weight: 700; color:#6f489a;}
    #navbarCollapse > ul > li > a.active {font-weight: 700; color:#6f489a;}
    #navbarCollapse > ul > li.mainactive > a {font-weight: 700; color:#6f489a;}
    #navbarCollapse > ul > li > a:hover {color:#6f489a;}
    #navbarCollapse > ul > li.hasdrop.dropOpen > a:after {width:0;height:0; border-width: 0 15px 12px 15px; border-color:transparent transparent #b8baa4 transparent; border-style: solid; content: ''; position: absolute; left:50%; margin-left:-15px; bottom:0; -webkit-transform: rotate(360deg);}
    
    #navbarCollapse .sub-menu {position: absolute; top:100%; left:50%; visibility: hidden; opacity: 0; transform: scale(1,0); height:auto; display: block; z-index: 5; width:250px; margin-left:-125px;transform-origin: 0 0; transition: all 0.3s ease-in-out; padding: 0;  background:#fff; border:none; box-shadow: none;border-radius: 0; background-clip: padding-box; font-size: 14px;border-top:6px solid #b8baa4; border-bottom:6px solid #a27bcd; font-family:'Lucida Grande W01', sans-serif;}
    #navbarCollapse .sub-menu:before {content: ''; display: block; position: absolute;top:3px;left:50%; transform:translate(-50%,calc(-100% - 3px));  border-color:transparent transparent #b8baa4 transparent; border-width:0 15px 12px 15px; border-style: solid;}
    #navbarCollapse li.hasdrop.dropOpen .sub-menu {opacity: 1; visibility: visible; transform: scale(1);}
    
    #navbarCollapse .sub-menu > ul {padding: 2em 30px; position: relative; margin: 0;text-align: left;}
    #navbarCollapse .sub-menu > ul li {margin: 0; position: relative; padding: 0 0 .7em; font-size: 15px; line-height: 1.333em;}
    #navbarCollapse .sub-menu > ul li:last-child {padding-bottom: 0;}
    #navbarCollapse .sub-menu > ul li a {color:#008752; text-decoration: none; text-align: left;font-size: 15px; line-height: 1.333em;}
    #navbarCollapse .sub-menu > ul li a:hover {text-decoration: underline;}

    
    /* Index */
    #indexslides .caption {position: absolute; top:0;right: 0; width:100%;height:100%;display: flex;align-items: center; justify-content: flex-end;}
    #indexslides .caption > div {padding: 0 30px;background-color: transparent;display: flex;align-items: center; justify-content: flex-end;}
    #indexslides .caption > div:hover {background-color: transparent;}
    #indexslides .caption > div > div {margin: 0 0 30px; max-width: 100%; padding: 26px;max-width:55%;background-color:rgba(99,40,146,.89); border-radius: 5px;}
    #indexslides .caption > div > div:hover {background-color:rgba(29,1,51,.89)}
    
    #indexslides .caption a.link i {color:#fff;}
    #indexslides .caption > div:hover a.link i {color:#58c398;}
    #indexslides .caption p {font-size: 20px;}
    #indexslides .caption ul li { width:48%;}
    #indexslides .caption ul li a {font-size: 20px;}
    
    /* Inside Pages */
    .maincontent > .container {padding-left:15px; padding-right: 15px;}
    .maincontent > .container.hassidebar {padding-left: 15px;padding-right:15px;}
    .maincontent > .container.hassidebar > .row {background:#fff url('../images/bg_page.png') repeat-y; background-position:-43px 0;}
    
    
    .navbar-expand-lg #accordion {display:block !important;}
    #accordion .accordion-item {animation: flipdown 0.5s ease both; animation-delay:0.5s;}
    #accordion .accordion-item > h3 > a {padding-left: 30px;}
    #accordion .accordion-item > h3.active.mainactive > a {padding-left: 30px;}
    #accordion .accordion-item .accordion-body {max-height:565px;}
    #accordion .accordion-item .accordion-body ul li {padding-left: 0;}
    #accordion .accordion-item .accordion-body ul li a {padding-left:45px;padding: 0 5px 0 45px;}
    
    .leftcolumn {/*background:#f8f7f5; border-right:1px solid #dedcd0;*/}
    .leftcolumn .sidebar h4.navtitle {font-size: 1.875em;}
    .leftcolumn .sidebar h4.navtitle a {padding-left:30px;}
    
    
    .top-pagination {flex-direction: row;}
    .mixitup-page-stats {margin-bottom: 0;}
    
    .pagetitle > div h1 {background:url('../images/bg_arrow.png') center left no-repeat; padding-left: 30px;}
    .pagetitle > div h1 {font-size: 1.875em;}
    
    .fullcolumn .pagetitle > div h1 {background:none;}
    
    /* Discounts */
    .toplinks .card-body h2 {font-size: 37px;}
    
    /* 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; width:100%;}
    .businessContent {margin-right:2rem;}
    .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%}
    .businesslinks > ul > li > a.btn i {display: none;}
    
    /* Error & Search Pages */
    #searchouter {}
    #list-tab a {flex: 24%;}
    
    /***** INFORMATION *****/
    #mainimage .caption {position: absolute; top:0;right: 0; width:100%;height:100%;display: flex;align-items: center; justify-content: flex-end;}
    #mainimage .caption > div {padding: 0 30px;background-color: transparent;display: flex;align-items: center; justify-content: flex-end;}
    #mainimage .caption > div:hover {background-color: transparent;}
    #mainimage .caption > div > div {margin: 0 0 30px; max-width: 100%; padding: 26px;max-width:55%;background-color:rgba(99,40,146,.89); border-radius: 5px;}
    #mainimage .caption > div > div:hover {background-color:rgba(29,1,51,.89)}
    
    #mainimage .caption a.link i {color:#fff;}
    #mainimage .caption > div:hover a.link i {color:#58c398;}
    #mainimage .caption p {font-size: 20px;}
    
    body.infopage .indextitle h2 {font-size: 34px;}
    
    .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;}
}

@media (min-width:1200px) {
    .container {max-width:1170px;}
    .container-fluid {max-width:1170px;}
    
    /* Header */
    header .sitename form {width:280px;}
    header .navbar .container-fluid {max-width:1138px; }
    
    /* Inside Pages */
    .maincontent > .container.hassidebar > .row {background-position: 1px 0;}
    
    /* Category */
    #allCat .item a {min-height:60px;}
    
    /* Business */
    .bus-image > div {width:525px;}
    .businessContent {margin-right:3rem;}
    .businesslinks {width:250px; max-width:100%;}
    
    /* Error & Search Pages */
    #searchouter {width:85%;}
    #list-tab a {flex: 1;}
    
    /*** INFORMATION ***/
    .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:1400px) {
    .container {max-width:1320px;}
    .container-fluid {max-width:1320px;}
    
    /* Header */
    header .navbar .container-fluid {max-width:1288px;}
    
    /* Inside Pages */
    .maincontent > .container.hassidebar > .row {background:#fff url('../images/bg_page_lg.png') repeat-y;}
    
    /* Error & Search Pages */

    
    /* Vendors */
    #vendordiscounts .grid .item {width:20%;}
    
    /* New Vendors */
    #newvendors .grid .item {width:20%;}
    
    /* Cats */
    #cat .grid .item {width:20%;}
}

@media (max-width:991px) {
    /* Header */
    header .navbar {}
    header .navbar .container-fluid {padding-left:15px;padding-right:15px;}
    header .navbar a.navbar-brand {width:75%;padding: 0 15px;}
    
    #navbarCollapse {width:100%; display: block; position: absolute; left: 200%; z-index: 2; transform: translateX(100%); transition: .25s all ease-in-out; top:100%; padding: 0;}
    html.showmenu #navbarCollapse {transform: translateX(0); left: 0;}
    #navbarCollapse > form {position: relative; width:100%; background:#008752;color:#fff; height: 42px;}
    #navbarCollapse > form input {border-radius: 0; border: 0; padding: 0 50px 0 30px; background:none; height:100%; font-size: 16px; border-radius: 0;color:#fff;}
    #navbarCollapse > form button {position: absolute;right: 0; background:none; border:none; border-radius: 0; color:#fff; width: 50px; height:100%; font-size: 22px;}
    #navbarCollapse > form ::-webkit-input-placeholder {color: #fff;}
    #navbarCollapse > form :-moz-placeholder {color: #fff; }
    #navbarCollapse > form ::-moz-placeholder {color: #fff;}
    #navbarCollapse > form :-ms-input-placeholder {color: #fff;}
    #navbarCollapse > form .placeholder {color: #fff;}
    
    #navbarCollapse .navbar-nav {padding: 0;border-bottom:6px solid #a27bcd}
    #navbarCollapse .navbar-nav > li {position: relative;}
    #navbarCollapse .navbar-nav > li:first-child > a {border-top:1px solid #c5c6b3;}
    #navbarCollapse .navbar-nav > li > a {padding: .65em 10px .65em 45px; position: relative; border-bottom: 1px solid #c5c6b3; background:#edebe1; display: block; color:#2e2e2e;text-decoration: none;}
    #navbarCollapse .navbar-nav > li > a:hover {background:#dedcd0;}
    #navbarCollapse .navbar-nav > li:not(.d-block) > a {padding-left:28px; color:#008752; background:#f4f3ec;font-size: 1.55em;font-weight: 300;}
    #navbarCollapse .navbar-nav > li:not(.d-block) > a.active {background:#fff;}
    #navbarCollapse .navbar-nav > li > a > i {color:#bcbcbc; position: absolute;left:28px;  font-size: .7em;}
    
    #navbarCollapse .navbar-nav > li .sub-menu {display: none;}
    
    /* Index */
    #indexslides .caption > div {max-width:100%;}
    
    /* Inside Pages */
    #accordion .accordion-item .accordion-body ul li {line-height: 1.4em;}
    
    /***** INFORMATION *****/
    #mainimage .caption > div {max-width:100%;}
}

@media (max-width: 767px) {
    /* index */
    #indexslides .newvendors .caption > div > div {padding-right:20px;}
    
   /** INFORMATION **/
    .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;}
}

@media (max-width:575px) {
    
    /* Form Pages */
    #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%;}
    
    /* Error & Search Pages */
    #searchouter form button {padding: 0 15px;}
    #searchouter form button span {display: none;}
    #searchouter form button i {margin: 0 auto;}
    
    /** Information Pages **/
    .formlogo img {width:175px;}
    .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;}
}

@media (max-width: 480px) {
    /* Information Pages */
    
    .contacttext > span {font-size: .825rem;}
}

@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) {
    /*** 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;}