@media (min-width: 390px) {
    
    /* Index */
    .indexgrid .grid-item {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width:50%; }
    .indexgrid .grid-item:nth-child(3) a {border-left: solid 2px rgba(31,37,84,0.1);}
    .indexgrid .grid-item:nth-child(5) a {border-left: solid 2px rgba(31,37,84,0.1);}
    .indexgrid .grid-item:nth-child(7) a {border-left: solid 2px rgba(31,37,84,0.1);}
    .indexgrid .grid-item a {-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; -ms-flex-direction: column; flex-direction: column; font-size: 0.9rem; padding:10px 5px 10px 5px; height: 100px; line-height:1.2; text-align: center;}
    .indexgrid .grid-item a br {display: block;}
    .indexgrid .grid-item a i.icon {display: none;}
    .indexgrid .grid-item a i.fas {font-size: 28px; margin: 0 auto 0.6rem; width: auto;}
    
    .indexgrid .grid-item.wide {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;}
    .indexgrid .grid-item.wide a {-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; -ms-flex-direction: row; flex-direction: row; height: auto; padding:15px 10px 15px 10px; font-size: 1rem;}
    .indexgrid .grid-item.wide a i.fas {margin: 0 15px 0 0;}
   
    /* Discounts by Category */
    .discountpage .card-header a {font-size: 0.9rem;padding:0.8rem 2rem 0.8rem 2rem;}
    .discountpage .card-header a i.icon {font-size: 0.9rem;}
    .discountpage .card-body ul li a.btn {font-size: 0.8rem; line-height:1.1rem; padding: 0.6rem 0.8rem;}
    
    /* New Vednors */
    #newvendors .row a {font-size: 0.9rem;}
    
    /* Cats */
    div.singlecat .row a {font-size: 0.9rem;}
    
    /* Mobile App */
    .appaccordion.card .card-header a.btn {font-size: 0.9rem; padding: 0.8rem 2rem 0.8rem 2rem;}
    .appaccordion.card .card-header a.btn i.fab {font-size: 1rem;}
    
    /* Contact */
    .contactbox .card-body p {font-size:0.7rem;}
    .contactbox .card-body p:not(.formpagetext) {display: inline-block;}
    .contactbox .card-body p:nth-child(2) {padding-right:8px; margin-right:4px;}
    .contactbox .card-body p:after {content: ''; position: absolute; right:0; width:1px; height:90%; background:#1f2554; top:5%;}
    .contactbox .card-body p:nth-child(3):after {display: none;}
    .contactbox .card-body p:last-child:after {display: none;}
    
}

@media (min-width: 414px) {
    /* Contact */
    .contactbox .card-body p {font-size:0.75rem;}
    .contactbox .card-body p:nth-child(2) {padding-right:10px; margin-right:5px;}
}

@media (min-width: 480px) {
    /* Index */
    .indexgrid .grid-item a {font-size: 0.9rem;}
    .indexgrid .grid-item.wide a {font-size: 0.9rem;}
    
    /* Discounts by Category */
    .discountpage .card-body ul li {width:50%;}
    
    /* 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;}
    
    /* 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:auto;}
    
    /* Directions */
    #directionslist button {font-size: 0.9rem; padding: 0.5rem 2rem 0.5rem 1rem;}
    

}

@media (min-width: 576px) {
    body {font-size:1rem;}
    
    h1 {font-size: 1.9rem;line-height: 2.4rem;}
    h2 {font-size: 1.6rem;line-height: 2.1rem;}
    h3 { font-size: 1.4rem;line-height: 1.8rem;}
    h4 {font-size: 1.1rem;line-height: 1.4rem;}
    h5 {font-size: 1rem;line-height: 1.3rem;}
    h6 {font-size: 0.9rem; line-height: 1.2rem;}
    
     .modal.lto .modal-dialog {max-width: 800px; width: auto;}
    
    /* Index */
    .indexgrid .grid-item a br {display: none;}
    
    /* Inside Pages */
    .bg {padding:1.5rem;}
    .pagetitle h2 {font-size: 1.3rem;}
    
    /* Discounts & Program Info */
    .toplinks a {padding: 1rem 3.2rem 1rem 1.5rem;}
    .toplinks a i {right: 1.5rem; font-size: 1.25rem; margin-top:-13px;}
    
    /* Discounts by Category */
    .discountpage .card-header a {font-size: 1rem;}
    .discountpage .card-header a i.icon {font-size: 1rem;}
    .discountpage .card-body ul li {width:33.333333%;}
    
    /* NEw Vendors */
    #newvendors .row a {-webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; padding: 0.25rem 1rem; text-align: center;}
    #newvendors .row a i {display: none;}
    
    /* Cats */
    div.singlecat .row a {-webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; padding: 0.25rem 1rem; text-align: center;}
    div.singlecat .row a i {display: none;}
    
    /* Business */
    #business-buttons a.btn {width:auto; margin: 5px;}
    
    /* Directions */
    .mapouter {height:400px;}
    
    /* LTO */
    .ltoinfo > .links a.btn {width:auto; margin: 5px;}
    
    /* Search */
    #resultsgrid .mix a {height:70px;}
    
    /* Mobile App */
    .appaccordion.card .card-header a.btn {font-size: 1rem;}
    .appaccordion.card .card-header a.btn i.fab {font-size: 1.1rem;}
    
    /* Contact */
    .contactbox .card-body h3 {font-size:1.1rem;}
    .contactbox .card-body p {font-size:0.8rem;}
}

@media (min-width: 768px) {

    /* Main Elements */
    .container-fluid {padding-left:1.5rem; padding-right:1.5rem;}
    
    /* Index */
    .indexgrid .grid-item a {font-size: 1.2rem; height:140px;}
    .indexgrid .grid-item.wide a {font-size: 1.2rem;}
    .indexgrid .grid-item a i.fas {font-size: 2rem; margin: 0 auto 1rem;}
    
    
}

@media (min-width: 992px) {
    p {font-size:0.9rem; line-height:1.3rem;}
    ul li {font-size:0.9rem; line-height:1.3rem;}
    ol li {font-size:0.9rem; line-height:1.3rem;}
    
    h1 {font-size: 2.4rem; line-height: 2.9rem;}
    h2 {font-size: 1.8rem;line-height: 2.3rem;}
    h3 {font-size: 1.5rem;line-height: 1.9rem;}
    
    /* Main Elements */
    .container-fluid {padding-left:2.5rem; padding-right:2.5rem;}
    
    /* Inside Pages */
    .bg {padding:2rem;}
    .pagetitle {height:46px;}
    .pagetitle h2 {font-size: 1.5rem;}
    
    /* Discounts & Program Info */
    .toplinks a {font-size:0.85rem;}
    
    /* Form Pages */
    .bottomsubscribe.card {}
    .bottomsubscribe.card .card-body {padding:1.7rem;}
    
    /* Contact */
    .contactbox .card-body {padding:1.7rem;}
}

@media (min-width: 1024px) {
    /* INdex */
    .indexgrid .grid-item a {font-size: 22px;}
    .indexgrid .grid-item a i.fas {font-size: 32px; margin: 10px auto 25px;}
    .indexgrid .grid-item.wide a {font-size: 22px;}
}

@media (min-width: 1200px) {
    
    /* Form Pages */
    .bottomsubscribe.card {width:75%;}
    
    /* INdex */
    .indexgrid .grid-item a {font-size:1.25rem;}
    .indexgrid .grid-item a i.fas {font-size: 3.25rem;}
    html.webapp .indexgrid .grid-item a i.icon {font-size: 3.25rem;}
}

@media (max-width: 767px) {
    
    /* Index */
    .form-container form .row .form-group {padding-bottom: 1rem;}
    
}

@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) {
    /* Footer */
    footer {font-size: 0.6rem;}
    footer .container-fluid { -ms-flex-direction: column; flex-direction: column; }
    footer .copyright {width:100%; padding: 0px 0 0;}
    footer .footerlinks {width:100%;}
    footer .footerlinks ul {width: 100%; }
    footer .footerlinks ul li a {font-size: 0.6rem;}

    
    /* Inside Pages */
    .top-pagination {-ms-flex-direction:column; flex-direction:column;}
    .selectview {-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;}
    .maincontent .dropdown-menu a.dropdown-item {white-space: normal; }
    .maincontent .dropdown-menu a.dropdown-item:after {position: absolute; bottom:0; left: 5%; right:5%; height:0.005rem; content:''; background-color:rgba(31,37,84,0.25);}
    
    /* Directions */
    #form-outer > form .input-group {-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center;}
    #form-outer > form input {width:100%; margin-bottom: .5rem; margin-right: 0;}
    
}

@media (max-width: 480px) {
    /* Header */
    a.navbar-brand span.sitetitle > span {display:none;}
    
    /* Inside Pages */
    .maincontent .dropdown-menu a.dropdown-item {font-size: 0.8rem;}
}


@media (max-width: 390px) {
    
    .bg {padding: 1rem 0.75rem;}
    
    /* Category */
    #az ul li {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 0.25rem !important; padding-right: 0.25rem !important;}

}

@media (max-width: 389px) {
    .modal-header {padding: 15px 1rem 10px;}
    .modal-header h5 {font-size: 1.15rem; padding: 0 40px 0 0;}
    .modal-header button.close {font-size: 1.6rem; width:30px; height:30px;}
    
    
}

@media (max-width: 360px) {
    
    .container-fluid {padding: 0 0.75rem;}
    
    /* Header */
    a.navbar-brand span.sitetitle {font-size: 0.75rem;}
    header .navbar-toolbar button {width:50px; padding: 0 .5rem;}
    
    /* index */
    .indexgrid .grid-item a {font-size: 0.75rem;}
    .indexgrid .grid-item a i.fas {font-size: 0.9rem;}
    .indexgrid .grid-item a i.icon {font-size: 0.9rem;}
    
    /* Inside Pages */
    .pagetitle h2 {font-size: 1.1rem;}
    .maincontent .dropdown-menu a.dropdown-item {font-size: 0.75rem;}
    
    /* Directions */
    #directionslist button {font-size: 0.7rem; padding: 0.4rem 1.5rem 0.4rem 1rem;}
    #directionslist .btn i {right:0.6rem; margin-top:-0.35rem;}
    
    /* Search */
    #searchpageouter form input {height:2.3rem; font-size: 0.8rem; padding: 0 1rem;}
    #searchpageouter form button {padding: 0.25rem 0.75rem; font-size: 1rem;}
    #resultsgrid .mix a {font-size: 0.8rem;}
    
}

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