@media (min-width: 320px) {
    
}

@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 0.75rem; font-size: 1.15rem}
    .indexgrid .grid-item a i.icon {display: none;}
    .indexgrid .grid-item a i.fas {display: block;}
    .indexgrid .grid-item a i.fa-chevron-right {display: none;}
    
    /* Cats */
    .singlecat .row > div {margin-bottom:1rem; padding-left: .5rem; padding-right:.5rem;}
    .singlecat .row a {-webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; padding-right: 0.5rem; text-align: center; height: 75px;}
    .singlecat .row a i {display: none;}
    
    /* New Vendors */
    #newvendors .row > div {margin-bottom:1rem; padding-left: .5rem; padding-right:.5rem;}
    #newvendors .row a {-webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; padding-right: 0.5rem; text-align: center; height: 75px;}
    #newvendors .row a i {display: none;}
    
    /* Locations */
    button#dropdownlocation {max-width: 300px;}
    #locationlist {max-width: 300px;}
    
    /* Search Page */
    #resultsgrid .row > div {margin-bottom:1rem; padding-left: .5rem; padding-right:.5rem;}
    #resultsgrid .row a {-webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; padding-right: 0.5rem; text-align: center; height: 75px;}
    #resultsgrid .row a i {display: none;}
    
}

@media (min-width: 576px) {
    .modal.lto .modal-dialog {max-width: 800px; width: auto;}
    
    p {font-size: calc(12px + (300vw - 960px)/880);}
    ul li {font-size: calc(12px + (300vw - 960px)/880);}
    ol li {font-size: calc(12px + (300vw - 960px)/880);}
    
    
    /* 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.2em;}
    
    /* Inside Pages */
    .pagetitle {min-height: 4rem;}
    .pagetitle h2 {font-size: 28px;}
    .subtitle h2 {font-size: 28px;}
    
    .toplinks .col-12 {margin-bottom: 1rem; padding-left: 1rem; padding-right: 1rem;}
    .toplinks .card-body a {-ms-flex-direction: column; flex-direction: column; padding: 1.25rem 0.75rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    .toplinks .card-body a span {margin: 0 0 1rem 0; width:44px; height: 44px;font-size: 1.5rem;}
    .toplinks .card-body a span i {width:40px; height:40px; line-height: 40px;}
    
    /* Discounts by Category */
    .discountpage .card-header a {padding: 0.9rem 1.25rem;}
    .discountpage .card-body ul li {width:33.333333%;}
    
    /* Category Page */
    .singlecat .row a {height:60px;}
    
    /* 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;}
    
    /** Form Pages **/
    .formContainer .form-group.half {width:48%;}
    .formContainer .form-group.half.left {margin-right:4%;}
    
    /* Contact */
    .card.contact .card-body {font-size: calc(12px + (300vw - 960px)/880);}
    
    /* Mobile App */
    .appaccordion .card-body ul li {font-size: calc(12px + (300vw - 960px)/880);}
    
    /* LTO */
    .ltoinfo > .links a.btn {width:auto;}
    
    /* Privacy Page */
    #privacytable table td {font-size: calc(12px + (300vw - 960px)/880);}
    
    
}

@media (min-width: 768px) {
    
    /* Header */
    .navbar-toolbar a.navbar-brand img {width:20rem;}
    
    /* Footer */
    footer .container-fluid {-ms-flex-direction: row; flex-direction: row; -webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content: space-between;}
    footer .copyright {margin: 0;}
    
    /* 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.35em;}
    .indexgrid .grid-item a i.fas {height:3rem; font-size: 2.75rem; margin-bottom: 15px;}
}

@media (min-width: 992px) {
    
    
    /* Discounts by Category */
    .discountpage .card-body ul li {width:25%; padding: 0.5rem;}
    
    /* Contact */
    .card.contact {width: 60%;}
    
}

@media (max-width: 390px) {
    /* National Educator Discounts */
    .nationallinks .grid .item {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
    
}

@media (max-width:389px) {
    /* New Vendors */
    #newvendors .row > div {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    
    /* Contact */
    .card.contact .card-body span.contact > span {padding: 0; display: block;}
    .card.contact .card-body span.contact > span:first-child {padding-bottom: 5px;}
    .card.contact .card-body span.contact > span:after {display: none;}
    
    /* Search Page */
    #resultsgrid .row > div {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}

@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: 375px) {
    /* Index */
    .indexgrid {grid-auto-rows: 60px;}
}

@media (max-width: 350px) {
    
    /* Footer */
    footer {font-size: 0.65rem;}
    
    /* Index */
    
    /* Category */
    #alpha > div span a {font-size: 0.7rem;}
}

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