@media (min-width: 390px) {
    
    /* Index */
    .indexgrid .grid-item {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width:50%; }
    .indexgrid .grid-item:nth-child(3) {border-left: solid 1px #d9ddea;}
    .indexgrid .grid-item:nth-child(5) {border-left: solid 1px #d9ddea;}
    .indexgrid .grid-item:nth-child(7) {border-left: solid 1px #d9ddea;}
    .indexgrid .grid-item a {-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; -ms-flex-direction: column; flex-direction: column; font-size: 18px; padding:15px 10px 15px 10px; height: 115px; line-height:1.2}
    .indexgrid .grid-item a br {display: block;}
    .indexgrid .grid-item a i.icon {display: none;}
    .indexgrid .grid-item a i.fas, .indexgrid .grid-item a i.far {font-size: 1.9rem; margin: 0 auto 15px; width: auto; top: 0;}
    
    .indexgrid .grid-item.wide {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;}
    .indexgrid .grid-item.wide a {-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; -ms-flex-direction: row; flex-direction: row; height: auto; padding:17px 10px 17px 10px;}
    .indexgrid .grid-item.wide a i.fas, .indexgrid .grid-item.wide a i.far {margin: 0 15px 0 0;}
    
    /* New Vendors */
    #newvendors .row > div {margin-bottom: 1rem;}
    #newvendors .row a {-webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; padding: 5px 0.5rem; text-align: center; height:75px;}
    #newvendors .row a i {display: none;}
 
    /* Cats */
    div.singlecat .row > div {margin-bottom: 1rem;}
    div.singlecat .row a {-webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; padding: 0.25rem 0.5rem; text-align: center; height:75px;}
    div.singlecat .row a i {display: none;}
    
    /* Search */
    #resultsgrid .mix {margin-bottom: 1rem;}
    #resultsgrid .row a {-webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; padding: 5px 0.5rem; text-align: center; height:75px;}
    #resultsgrid .row a i {display: none;}
}

@media (min-width: 480px) {
    /* Header */
    a.sitename {}
    a.sitename span {font-size: 1.1rem;}
    a.sitename span.sm-screen {display: none;}
    a.sitename span.lg-screen {display: block;}
    
    /* Discounts by Category */
    .discountpage .card-body ul li {width:50%;}
    
    /* Business */
    #business-buttons {-webkit-flex-flow:row wrap;-moz-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap; }
    #business-buttons a.btn {width:auto;}
    
    /* LTO */
    .ltoinfo > .links {-webkit-flex-flow:row wrap;-moz-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap; }
    .ltoinfo > .links a.btn {width:auto;}
}

@media (min-width: 576px) {
    body {font-size: 110%;}
    .container-fluid {width:90%; padding: 0; margin-left:5%; margin-right:5%;}
    
    /* Header */
    a.sitename span {font-size: 1.2rem;}
    .logo {padding: 1rem 0;}
    .logo a img {width:250px;}
    
    /* Index */
    .indexgrid .grid-item a br {display: none;}
    
    /* Inside Pages */
    .pagetitle {height:48px;}
    p.largetext {font-size: 1.25rem;}
    
    /* Discounts & Program Info */
    .toplinks a {font-size: 24px;}
    .toplinks a span:after {font-size: 1.2rem;}
    
    /* Discounts by Cat */
    .discountpage .card-header a {font-size: 1.25rem;}
    .discountpage .card-body ul li {width:33.333333%;}
    
    /* New Vendors */
    #newvendors .row a {font-size: 1.05rem;}
    
    /* Cats */
    div.singlecat .row a {font-size: 1.05rem;}
    
    /* Search Pages */
    .resultstext {font-size: 1.25rem;}
}

@media (min-width: 768px) {
    /* Header */
    header .navbar-toolbar button {width:auto; padding: 0 0.75rem;}
    header .navbar-toolbar button span {display: block; font-size: 0.9rem;}
    header .navbar-toolbar button i {font-size: 1rem;}
    
    /* Index */
    .indexgrid .grid-item a {font-size: 22px; height:132px;}
    .indexgrid .grid-item a i.fas,.indexgrid .grid-item a i.far {font-size: 3rem; margin: 0 auto 15px;}
    
    .indexgrid .grid-item.wide a {height:auto;}
    
    /* Inside Pages */
    .subtitle > h2 {font-size: 35px;}
     p.largetext {font-size: 1.4rem;}
    
    .mixitup-page-stats > div {font-size: 1.4rem;}
    
    /* Discounts & Program Info */
    .toplinks a {-webkit-justify-content: center; -moz-justify-content:center; -ms-justify-content: center; justify-content: center; -webkit-box-align: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-direction: column; flex-direction: column; transition:all 0.3s cubic-bezier(0,0,0,1); background-image:url(../images/bg-cards.svg); background-position: bottom; background-repeat: no-repeat; background-size: calc(100vw - 20%); font-size: 28px;}
    .toplinks .row > div {height:200px;}
    .toplinks .row > div:nth-child(1) a {background-position: left bottom;}
    .toplinks .row > div:nth-child(3) a {background-position: right bottom;}
    .toplinks a i {font-size: 2rem; margin: 0 0 1rem 0;}
    
    .toplinks.programinfo a {background-image:linear-gradient(310deg,#00ad83 0%,#009cbd 100%);}
    
    /* New Vendors */
    #newvendors .row > div {margin-bottom: 1.5rem;}
    
    /* Cats */
    div.singlecat .row > div {margin-bottom: 1.5rem;}
    
    /* Search */
    .resultstext {font-size: 1.4rem;}
    #resultsgrid .mix {margin-bottom: 1.5rem;}
}

@media (min-width: 992px) {
    body {font-size: 120%;}
    
    /* Search Page */
    #searchpageouter {max-width: 90%;}
    .resultstext {font-size: 1.65rem; line-height: 1.2em;}
}

@media (max-height: 667px) and (orientation: landscape) { 
    /* Vendors */
     #alpha > div > span > a {font-size:12px;margin: 0px 0px 0px 0px;}
}

@media (max-width:667px) and (max-height:375px) {
    /* Vendors */
    #alpha {}
    #alpha > div > span > a {font-size:11px;margin: 0px 0px 0px 0px;}
}

@media (max-width: 575px) {
    /* Inside Pages */
    .top-pagination {-ms-flex-direction:column; flex-direction:column;}
    .selectview {-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;}
    .page-item:not(.page-arrow) {display: none;}
    .maincontent .dropdown-menu a.dropdown-item {white-space: normal; }
    .maincontent .dropdown-menu a.dropdown-item:after {position: absolute; bottom:0; left: 5%; right:5%; height:0.005rem; content:''; background-color:rgba(0,0,0,0.05);}
    
    /* Directions */
    #form-outer > form > div {-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center;}
    #form-outer > form .col {width:100%; margin-bottom: 0; margin-right: 0; flex: auto;}
    #form-outer > form .col-auto {}
    
    /* Locations */
    #locationlist > div {max-width: 250px;}
    
}

@media (max-width: 390px) {
    /* Category */
    #az ul li {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 0.25rem !important; padding-right: 0.25rem !important;}
}

@media (max-width: 389px) {
    /* Header */
    a.sitename span {font-size: 1rem;}
    
    /* New Vendors */
    #newvendors .row {margin-left:auto; margin-right:auto;}
    #newvendors .row > div {width:100%; padding-right:0;padding-left:0;}
    
    /* Category */
    div.singlecat .row {margin-left:auto; margin-right:auto;}
    div.singlecat .row > div {width:100%; padding-right:0;padding-left:0;}
    
    /* Search */
    #resultsgrid {padding: 0;}
    #resultsgrid .gridouter .grid {margin-left:auto; margin-right:auto;}
    #resultsgrid .mix {width:100%; padding-right:0;padding-left:0;}
    #resultsgrid .mix a {-webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: start; justify-content: flex-start; font-size: 1rem; height:auto;}
}

@media (max-width: 350px) {
    
    /* Header */
    a.sitename span {font-size: 0.9rem;}
    
    /* Footer */
    footer {font-size: 0.75rem;}
    
    /* Inside Pages */
    .pagetitle > h1 {font-size: 22px;}
    
    /* Discounts & Program Info */
    .toplinks a {font-size: 18px; padding: 1.5rem 1rem;}
    .toplinks a span:after {font-size: 1rem; top:1px;}
    
    /* Discounts by Cat */
    .discountpage .card-header a {font-size: 1rem; padding: 1rem 1.5rem 1rem 1.5rem;}
    .discountpage .card-header a i.icon-arrow-down {width:22px; height:22px; font-size: 0.7rem; right:0; margin-top:-11px;}
    
    /* Vendors */
    #alpha > div span a {font-size: 13px;}
}

html.ie .ltoImage img.img-fluid {width:100% !important;}
html.ie select::-ms-expand {display: none;}

html.webapp body.iphoneX footer .container-fluid {padding-bottom: 22px;}
html.webapp body.iphoneXR footer .container-fluid {padding-bottom: 22px;}
html.webapp body.iphone12 footer .container-fluid {padding-bottom: 22px;}