@media (min-width: 390px) {
    
    /* Index */
    .indexgrid .grid-item {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width:50%; }
    .indexgrid .grid-item a {height: 115px;}
    .indexgrid .grid-item a br {display: block;}
    .indexgrid .grid-item a i.fas {}
    html.webapp .indexgrid .grid-item a i.fas {font-size: 55px;}
    
    .indexgrid .grid-item.wide {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;}
    
    /* Locations */
    button#dropdownlocation {max-width: 300px;}
    #locationlist {max-width: 300px;}
    
}

@media (min-width: 480px) {
    /* Index */
    .indexgrid .grid-item a {}
    .indexgrid .grid-item a span {margin-top: 29px;}
    .indexgrid .grid-item a i.fas {font-size: 60px;}
    html.webapp .indexgrid .grid-item a i.fas {font-size: 60px;}
}

@media (min-width: 576px) {
    
    .modal.lto .modal-dialog {max-width: 800px; width: auto;}
    
    /* Header */
    a.navbar-brand span.sitetitle {font-size: 17px; font-weight: 600;}
    a.navbar-brand span.sitetitle.smallscreen {display: none;}
    a.navbar-brand span.sitetitle.largescreen {display: block;}
    
    /* Index */
    .logo a img {width:250px;}
    .indexgrid .grid-item a br {display: none;}
    
    /* Inside pages */
    .pagetitle > h1 {font-size: 30px;}
    
    /* Discounts & Program Info */
    .toplinks .col-12 {padding-left: 15px; padding-right: 15px;}
    .toplinks .card-body a {padding: 0px 28px;}
    
    /* Discounts by Category */
    .discountpage .card-body ul li {width:33.333333%;}
    
    /* New Vendors */
    #newvendors .row > div {margin-bottom:1.2rem; padding-left: .6rem; padding-right:.6rem;}
    #newvendors .row a {-webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; padding-right: 1rem; text-align: center; height:65px;}
    #newvendors .row a i {display: none;}
    
    /* Cats */
    div.singlecat .row > div {margin-bottom:1.2rem; padding-left: .6rem; padding-right:.6rem;}
    div.singlecat .row a {-webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; padding-right: 1rem; text-align: center; height:65px;}
    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:auto; margin: 5px;}
    
    /* Locations */
    #locationlist > div {max-height:400px;}
    
    /** Form Pages **/
    .formContainer .form-group.half {width:48%;}
    .formContainer .form-group.half.left {margin-right:4%;}
    
    /* LTO */
    .ltoinfo > .links a.btn {width:auto; margin: 5px 5px;}
    
    /* Search */
    #resultsgrid .mix a {height:75px;}
    
}

@media (min-width: 768px) {
    
    /* Header */
    a.navbar-brand span.sitetitle {font-size: 18px;}
    
    /* Index */
    .indexgrid .grid-item a {height:132px;}
    
    /* Inside Pages */
    
    /* Discounts & Program Info */
    .toplinks .col-12 {margin-bottom: 30px;}
    
}

@media (min-width: 1024px) {
    /* INdex */
    .indexgrid .grid-item a {}
    .indexgrid .grid-item a i.fas {font-size: 75px;}
    html.webapp .indexgrid .grid-item a i.fas {font-size: 75px;}
}

@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) {
    
    /* National Discounts */
    .nationallinks a.card .card-body {height: 60px;}
    .nationallinks a.card .card-title {font-size: 16px;}
    
    /* Directions */
    .mapouter {height:300px;}
    #form-outer  {margin: 1rem auto 1rem auto;}
    #directionslist {left: 1rem;}
    
    /* Resource Page */
    .resourcepage .card-style.card {flex-direction: row; align-items: center; }
    .resourcepage .card-style.card img {width:150px;}
    .resourcepage .card-style.card .content {width:100%;}
}

@media (max-width: 390px) {
    
    /* Inside Pages */
    .pagetitle > h1 {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    
    /* Category */
    #az ul li {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    
    /* Directions & Locations */
    .infowindow .title {font-size: .95rem;}
    .infowindow .title > span {font-size: .9rem;}
    .infowindow .address .address-line {font-size: .925rem;}
    
    /* National Discounts */
    .nationallinks .grid .item {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width:50%;}
    
    /* Contact */
    
}

@media (max-width: 389px) {
    /* Header */
    a.navbar-brand span.sitetitle {font-size: 15px;}
    
    /* Index */
    .indexgrid .grid-item a {height:115px;}
    .indexgrid .grid-item a i.fas {font-size: 42px;}
    
    /* National Discounts */
    #nationalfilter {max-width: 275px;}
}


@media (max-width: 360px) {
    /* Header */
    a.navbar-brand span.sitetitle {font-size: 14px;}
    
    /* Index */
    .indexgrid .grid-item a {font-size: 17px;}
    
    /* Category */
    #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: 20px;}
html.webapp body.iphoneXR footer .container-fluid {padding-bottom: 20px;}
html.webapp body.iphone12 footer .container-fluid {padding-bottom: 20px;}