@media (min-width: 390px) {
    /*Index */
    .indexgrid {grid-auto-rows: 117px;}
    .indexgrid .wide {grid-column: span 2 / auto;}
    .indexgrid .wide.bigscreen {grid-column: span 1 / auto;}
    .indexgrid .grid-item a {-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; -ms-flex-direction: column; flex-direction: column; padding: 0 10px;}
    .indexgrid .grid-item a i {display: none;}
    .indexgrid .grid-item a img {display: block;}
    
    /* LTO */
    .ltorow .ltologo {width:50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}
@media (min-width: 576px) {

    /* Index */
    .indexgrid {grid-template-columns: repeat(auto-fit, minmax(30%, 1fr)); grid-auto-rows: 120px;}
    .indexgrid .wide {grid-column: span 2 / auto;}
    .indexgrid .wide.bigscreen {grid-column: span 1 / auto;}
    .indexgrid .tall {grid-row: span 1 / auto;}
    .indexgrid .grid-item a {font-size: 1.25em;}
    
    /* Inside Pages */
    .toplinks a.btn {-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;-ms-flex-direction: column; flex-direction: column; padding: 20px 10px; }
    .toplinks a.btn i {display: none;}
    .toplinks a.btn img {margin: 0 auto 10px; height: 60px;}
    
    /* Category */
    .discountcontent .discountpage div.mainfilter > a {font-size: 18px;}
    .discountcontent .discountpage > div > div ul li > a {font-size: 17px;}
    
    /* Vendors */
    ul.vendors ul li a {font-size: 17px;}
    ul.vendors span.title {font-size: 19px;}
    
    /* New Vendors */
    #newvendors .row > div {margin-bottom:20px;}
    #newvendors .row a {height:75px; text-align: center; -webkit-box-pack: center; -ms-flex-pack:center; justify-content: center;}
    #newvendors .row a i {display: none;}
    
    /* Cats */
    div.singlecat .row > div {margin-bottom:20px;}
    div.singlecat .row a {height:75px; text-align: center; -webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; padding: 5px 10px 5px 10px}
    div.singlecat .row a i {display: none;}
    
    /* Locations */
    button#dropdownlocation {min-width: 300px;padding: 13px 35px;}
    #locationlist {max-width: 300px;}
    #locationlist > div {max-height:400px;}
    
    /** Form Pages **/
    .formContainer .form-group.half {width:48%;}
    .formContainer .form-group.half.left {margin-right:4%;}
    
    /* LTO */
    .ltorow .ltologo {width:auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: none;}
    
    /* Mobile App */
    a.appcollapse > span {padding: 20px 15px 20px 25px; font-size: 22px; }
    a.appcollapse > span i.icon {font-size: 10px;}
}

@media (min-width: 768px) {
    #scroller {top:95px; height:calc(100% - 95px);}
    
    /* Header */
    header {height:95px;}
    header .insidehead {height:70px;}
    header .logo a img {width:175px;}
    .buttonwrapper button {width:50px; height: 50px;}
    .buttonwrapper .search-toggle i {font-size: 23px;}
    .buttonwrapper .menu-toggle i {font-size: 29px;}
    header .sitetitle {height:25px;}
    header .sitetitle img {width:300px;}
    
    /* Index */
    .indexgrid {grid-template-columns: repeat(auto-fit, minmax(25%, 1fr)); grid-auto-rows: 150px;}
    .indexgrid .wide {grid-column: span 3 / auto;}
    .indexgrid .wide.bigscreen {grid-column: span 3 / auto;}
    .indexgrid .tall {grid-row: span 2 / auto;}
    .indexgrid .grid-item a {font-size: 1.4em;}
    .indexgrid .grid-item a img {height:60px; margin-bottom: 15px;}
    
    /* Inside Pages */
    .pagetitle h2 {font-size: 2.25em;}
    
    /* New Vendors */
    #newvendors .row a {font-size: 18px;}
    
    /* 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;}
    
    /* Directions */
    #form-outer > form {width: 80%; margin-left: 10%;}
    
    /* FAQs */
    #faqs > div h3 {font-size: 32px; line-height: 42px;}
    
    
}
@media (min-width: 992px) {
    /* Inside pages */
    .toplinks a.btn {padding: 10px 10px; height: 150px;}
}

@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) {
   
    /* Directions */
    .mapouter {height:300px;}
    #form-outer  {margin: 15px auto 15px auto;}
    #directionslist {left: 1rem;}
    
    /* Mobile App */
    .mobilecollapse {width:100%;}
    .mobilecollapse:nth-child(2) {margin-bottom: 10px;margin-right: 0;}
    .mobilecollapse:nth-child(3) {margin-left: 0;}

}

@media (max-width: 390px) {
    /* Vendors */
    #alpha > div span a {font-size: 13px; margin: 1px 0px;}
    ul.vendors {padding: 0 25px 0 0;}
    ul.vendors ul li a {padding: 10px 8px 10px 8px;}
}

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

html.webapp #mobilemenu ul.navbar-nav > li.mobileapp {display:none;}