@media (min-width: 390px) {
    /* Index */
    .indexgrid .grid-item {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width:50%;}
    .indexgrid .grid-item a {font-size: 1.3rem; height: 115px;}
    .indexgrid .grid-item a br {display: block;}
    .indexgrid .grid-item a > span i {font-size: 2rem;}
    
    .wide a {font-size: 1.3rem; height: 75px;}
    
    /* Inside Pages */
    .pagetitle h2 {font-size:1.675rem;}
    
    /* New Vendors */
    #newvendors .row > div {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom:0.8rem; padding-left: .4rem; padding-right:.4rem;}
    #newvendors .row a {-webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; padding-right: 1rem; text-align: center; height:75px;}
    #newvendors .row a i {display: none;}
    
    /* Cats */
    div.singlecat .row > div {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom:0.8rem; padding-left: .4rem; padding-right:.4rem;}
    div.singlecat .row a {-webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; padding-right: 1rem; text-align: center; height:75px;}
    div.singlecat .row a i {display: none;}
    
    /* 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:48%; margin: 5px 1%;}
    
}

@media (min-width: 480px) {
    /* Index */
    .indexgrid .grid-item a {padding: 0.75rem 0.5rem;}
    .indexgrid .grid-item a > span span {margin-top: 10px;}
    
    .wide a {font-size: 1.5rem;height: 90px;}
    
    /* 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:48%; margin: 5px 1%;}
    
    /* Search */
    #resultsgrid .mix {padding: 12px;}
    #resultsgrid .mix a {font-size:1.05rem;}
    
    /* Form Pages */
    .form-control {padding:0.625rem 1.25rem;}
    
    /* Contact */
    .contactbox .card-body {padding: 1.85rem 1.65rem;}
    .contactbox .card-body p span span {display: inline-block; margin: 0;}
    .contactbox .card-body p span span:first-child{ padding-right:5px; border-right:1px solid #ddd;}
}

@media (min-width: 576px) {
    .modal.lto .modal-dialog {max-width: 800px; width: auto;}
    
    /* Index */
    .logo a img {width:150px;}
    .indexgrid .grid-item a {font-size: 1.5rem;}
    .indexgrid .grid-item a > span i {font-size: 2.5rem;}
    .indexgrid .grid-item a br {display: none;}
    .indexgrid .grid-item a > span span {margin-top: 20px;}
    
    /* Inside Pages */
    a#historyback.end {bottom:34px;}
    .pagetitle h2 {font-size:1.875rem;}
    .top-pagination { -webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content: space-between;}
    .page-item:not(.page-arrow) {display: block;}
    .insidecontent .dropdown-menu {max-height:400px;}
    
    /* Discounts by Category */
    .discountpage .card-body ul li {width:33.333333%;}
    
    /* New Vendors */
    #newvendors .row > div {margin-bottom:1rem; padding-left: .5rem; padding-right:.5rem;}
    
    /* Cats */
    div.singlecat .row > div {margin-bottom:1rem; padding-left: .5rem; padding-right:.5rem;}
    
    /* Business */
    #business-buttons a.btn {font-size:1.2rem; width:auto; margin:5px; padding: 0.75rem 1.5rem;}
    
    /* Directions */
    .mapouter {height:400px;}
    
    /* LTO */
    #all a.card .card-body {height:70px; padding-top:10px; padding-bottom:10px;}
    .ltoinfo > .links a.btn {font-size:1.2rem; width:auto; margin:5px; padding: 0.75rem 1rem;}
    
}
@media (min-width: 768px) {

    /* Index */
    .logo a img {width:170px;}
    .indexgrid .grid-item a {height:132px; font-size: 1.75rem;}
    .wide a {font-size:1.75rem; height:115px;}
    
    /* Inside Pages */
    .maincontent .container-fluid.py-md-5 {padding-top:2rem !important; padding-bottom:2rem !important;}
    
    /* Discounts & Program Info */
    .toplinks .card .card-body a {-ms-flex-direction: column; flex-direction: column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; padding: 1.5rem 0.75rem; text-align: center;}
    .toplinks .card-body i.icon {display: none;}
    .toplinks .card-body h3 {font-size: 1.625rem;}
    .toplinks .card-body i.fas {font-size: 3rem; margin-bottom: 1rem; margin-right: 0;}
    
    /* New Vendors */
    #newvendors .row > div {-ms-flex: 0 0 33.3333333%; flex: 0 0 33.3333333%; max-width: 33.3333333%; }

    /* Cats */
    div.singlecat .row > div{-ms-flex: 0 0 33.3333333%; flex: 0 0 33.3333333%; max-width: 33.3333333%; }
}

@media (min-width: 992px) {
    .container-fluid {padding: 0 40px;}
    
    /* Index */
    .indexgrid .grid-item {-ms-flex: 0 0 33.3333333%; flex: 0 0 33.3333333%; max-width:33.3333333%;}
    
    
}

@media (max-height: 665px) and (max-width:390px) {
    /* Index */
    .indexgrid .grid-item a > span span {margin-top:10px;}
}

@media (max-height: 667px) and (orientation: landscape) { 
    
    /* Index */
    .indexgrid .grid-item a {height:140px;}
    .indexgrid .grid-item a > span span {margin-top:15px;}
    
    /* 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-height: 360px) and (orientation: landscape) { 
    .indexgrid .grid-item a {font-size: 1.25rem;}
    .indexgrid .grid-item a > span i {font-size: 2rem;}
    .indexgrid .grid-item a > span span {margin-top:10px;}
    .wide a {font-size:1.25rem;}
}

@media (max-width: 575px) {
    /* Header */
    body.program a.navbar-brand span.sitetitle > span {display:none;}
    
    /* Footer */
    footer .container-fluid { -ms-flex-direction: column; flex-direction: column; }
    footer .copyright {width:100%; padding: 3px 0 0;}
    footer .footerlinks {width:100%;}
    footer .footerlinks ul {width: 100%; }
    
    /* Inside Pages */
    .page-item {margin: 0 1rem;}
    .page-item .page-link {font-size:1.5rem; width:2rem; height:2rem;}
    .page-arrow .page-link i {font-size:1.25rem;}
    
    /* New Vendors */
    .selectview {-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;}
    
    /* Directions */
    #directionslist {left: 0.7rem;}
    #directionslist button {padding: 0.75rem 1.25rem}
}

@media (max-width: 480px) {
    /* Header */
    a.navbar-brand span.sitetitle > span {display:none;}
}

@media (max-width: 390px) {
    /* Category */
    #az ul li {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

}

@media (max-width: 389px) {
    
    .container-fluid {padding: 0 15px;}
    .btn {font-size:1.1rem; line-height: 1.15}
    
    /* Header */
    a.navbar-brand span.sitetitle {font-size: 1rem;}
    
    /* Index */
    .indexgrid {}
    .indexgrid .grid-item a {height:100px; padding: 0.5rem 0;}
    .indexgrid .grid-item:last-child a {padding-bottom:1rem;}
    .indexgrid .grid-item a > span {-ms-flex-direction: row; flex-direction: row; -webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content: flex-start; padding-left: 1rem;}
    .indexgrid .grid-item a > span span {margin-top:0; margin-left:1rem;}
    .indexgrid .grid-item a i.icon {font-size: 2rem;}
    
    .wide a {padding: 0.5rem 0; height:100px;}
    .wide a > span {-webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content: flex-start; padding-left: 1rem;}
    
    /* Inside Pages */
    .toplinks .card .card-body a {padding:1.5rem 1rem;}
    .toplinks .card-body i.fas {font-size:1.05rem; margin-right:.7rem;}
    .toplinks .card-body h3 {font-size: 1.05rem;}
    
    /* Discounts by Cat */
    .discountpage .card-header a {font-size:1.1rem;}
    
    /* Search */
    #resultsgrid .mix {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    #resultsgrid .mix a {height:65px;}
}

@media (max-width: 360px) {
    /* Header */
    a.navbar-brand span.sitetitle {font-size: 15px;}
    
    header .navbar-toolbar button {padding: 0 0.7rem; width:51px;}
    .navbar-toggler > span {height:3px;}
    .navbar-toggler > span:nth-child(2) {margin-top:5px;}
    .navbar-toggler > span:nth-child(3) {margin-top:5px;}
    button.search-toggler {font-size:1.35rem;}
    
    /* Index */
    .indexgrid .grid-item a {font-size: 1rem;height:90px; }
    .indexgrid .grid-item a i.icon {font-size: 24px;}
    
    .wide a {font-size: 1rem;height:90px; }
    .wide a span i {}
    
    /* Category */
    .discountpage .card-body ul {padding: 0 5px;}
    .discountpage .card-body ul li a {line-height:1.3;}
    #alpha > div span a {font-size: 13px;}
    
    /* New Vendors */
    #newvendors .row a {font-size:1rem;}
    
    /* Cats */
    div.singlecat .row a {font-size:1rem;}
    
    /* Contact */
    .contactbox .card-body {padding: 1.25rem 1rem;}
    /*.contactbox .card-body p:last-child {line-height: 1.25;}*/
  
}

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: 20px;}
html.webapp body.iphoneXR footer .container-fluid {padding-bottom: 20px;}
html.webapp body.iphone12 footer .container-fluid {padding-bottom: 20px;}