@media (min-width: 390px) {
    /* Header */
    header .sitetitle {font-size: 1.125rem;}
    
    /* Index */
    .indexbottom .newvendorbtn a.btn {font-size: 1.5rem; line-height:1.5;}
    .indexbottom .newvendorbtn a.btn i {display:inline-block;margin-right: 7px; margin-bottom: 0;}
    .indexbottom .col-6 {margin-bottom: 20px;}
    .indexbottom .col-6:last-child {margin-bottom: 20px;}
    .indexbottom .col-6 a.btn {-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center; -ms-flex-direction: column; flex-direction: column; height:130px;}
 
    /* Locations */
    button#dropdownlocation {max-width: 300px;}
    #locationlist {max-width: 300px;}
}

@media (min-width: 576px) {
    
    .maincontent {font-size: 1.125rem;}
    .btn {font-size: 1.125rem;}
    
    .modal.lto .modal-dialog {max-width: 800px; width: auto;}

    /* Header */
    
    /* Index */
    .logo a img {width:225px;}
    .indexbottom .row {margin-left: -15px; margin-right: -15px;}
    .indexbottom .row > div {padding-left: 15px; padding-right: 15px;}
    .indexbottom .col-6 a.btn {font-size: 1.3rem;height:160px;}
    
    .indexbottom .col-6 a.btn {-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center; -ms-flex-direction: column; flex-direction: column; height:130px;}
    
    /* Inside Pages */
    .pagetitle {height:48px;}
    .pagetitle h1 {font-size: 24px;}
    
    .subtitle h2 {font-size: 1.7rem;}
    
    .toplinks .col-12 {margin-bottom: 15px; padding-left: 15px; padding-right: 15px;}
    .toplinks .card-body a {-ms-flex-direction: column; flex-direction: column; padding: 0px 15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 135px;}
    .toplinks .card-body a i:not(.fa-chevron-right) {font-size: 32px; margin: 0 auto 15px; width: auto;}
    .toplinks .card-body a i.fa-chevron-right {display: none;}
    .toplinks .card-body a h5 {}
    
    /* Discounts by Category */
    .discountpage .card-body ul li {width:33.333333%;}
    
    /* 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;}
    
    /* 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;}
    
    /* 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;}
    
    /* 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 Page */
    #searchouter {padding: 1.5rem;}
    #searchouter form input {height:50px; font-size: 1.15rem; line-height: 1.5; padding-left: 3.8rem;}
    #searchouter form button {width:50px; height:50px; font-size: 1.25rem;}
    #filterdd {max-height: 300px;}
    .filterdropdown a.btn {margin:10px;}
    /*
    #resultsgrid .mix {margin-bottom: 1.2rem; padding-left: .6rem; padding-right: .6rem;}
    #resultsgrid .mix a {-webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; padding: 0.3rem 1rem; text-align: center; height:60px; text-align: center;}
    #resultsgrid .mix a i {display: none;}
    */
    
    /* Locations */
    #locationlist > div {max-height:400px;}
    
    /* FAQs */
    #faqs > div h4 {font-size: 1.4rem;}
}

@media (min-width: 768px) {
    #splash > div img {width:325px;}
    #splash > div span {width:350px; font-size: 24px;}
    
    /* Header */
    header .sitetitle.smallscreen {display: none;}
    header .sitetitle.largescreen {display: block;}
    
    /* Directions */
    #form-outer > form {width: 80%; margin-left: 10%;}
    
    /* Search Page */
    #resultsgrid .mix a {font-size: 1.2rem; line-height: 24px;}
    #resultsgrid .mix a span.busname {margin: 0 0 1rem 0;}
    #resultsgrid .mix a span.textlink {font-size: 18px;}
}
@media (max-height: 667px) and (orientation: landscape) { 
    /* Vendors */
     #alpha > div > span > a {font-size:12px;margin: 0px 0px 0px 0px;}
}

@media (max-width: 576px) and (min-width: 390px) {
    /* Index */
    .indexgrid {grid-template-columns: repeat(auto-fit, minmax(50%, 1fr)); margin: 15px auto;}
    .indexgrid .tall {grid-row: span 2 / auto;}
    

}

@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: 55px;}
    .nationallinks a.card .card-title {font-size: 1rem;line-height: 1;}
   
    /* Directions */
    .mapouter {height:300px;}
    #form-outer  {margin: 1rem auto 1rem auto;}
    #directionslist {left: 1rem;}
    
    /* LTO */
    #all .card .card-body {height: 50px;}
    #all .card .card-title {font-size: 1rem;line-height: 1;}
}

@media (max-width: 390px) {
    /* National Educator Discounts */
    .nationallinks .grid .item {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
    
    /* Locations & Directions */
    .infowindow {padding-top: 0; padding-bottom: 0px;}
    .infowindow.extra {}
    .infowindow .title {font-size: 15px;}
    .infowindow.extra .title {line-height: 1 !important;}
    .infowindow .title > span {font-size: 14px; line-height: 1 !important;}
    .infowindow .address .address-line {font-size: 14px;}
    .infowindow .discountlink {margin: 5px 0 0px 0;}
    .infowindow .discountlink > a {font-size: 0.9rem;}
    
    /* Contact */
    .card.contact h4 {font-size: 1.35rem; margin-bottom: .25rem;}
    .card.contact .card-body {padding: 1rem;}
}

@media (max-width:389px) {
    /* Index */
    .indexbottom .col-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .indexbottom .col-6 a.btn i {margin: 0 15px 0 0; font-size: 1.5rem; width: 30px; text-align: center;}
    .indexbottom .col-6 a.btn br {display: none !important;}
}

@media (max-width: 320px) {
    /* Header */
    header .sitetitle {font-size: 0.95rem;}
    div.navbar-toolbar > button.search-toggler {width:48px;}
    .navbar-toolbar button.search-toggler i {font-size: 20px;}
    
    button.navbar-toggler span.line {padding: 0 12px;}
    
    /* Search Page */
    #resultsgrid .mix {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    #resultsgrid .mix a {height: 80px;}
    
    .backtocat .btn {font-size: 1.2rem;}
    
    /* Contact */
    .card.contact h4 {font-size: 1.25rem;}
    .card.contact .card-body span.contact > span {padding: 0; display: block;}
    .card.contact .card-body span.contact > span:first-child:after {display: none;}
}


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;}