@media (min-width:390px) {
    
    /* Header */
    header > div span {font-size: 14px;}
    header > div span.sm {display: none;}
    header > div span.lg {display: block;}
    
    /* Footer */
    .footer-card .content {margin:15px 15px 15px 15px;}
    .footer-card ul {margin-top:7px; padding-top:7px;}

    /* Discounts by Category */
    .discountpage .card-body ul li {width:50%;}
    
    /* Copyright Footer */
    .footer-card {padding:0 15px 0 15px;}
    
    
    /* New Vendors */
    #newvendors .row .grid-item {padding: 0.7rem 1rem;}
    
    /* Cats */
    #singlecat .row .item {padding: 0.7rem 1rem;}
    
    /* Discounts & Program Info */
    .toplinks h4 {font-size: 18px;}
    .toplinks span.cardicon i {font-size: 40px; width:50px;height:50px;}
    
    /* LTO */
    #all.ltocontent .col-6 {padding: 0.7rem 1rem;}
}

@media (min-width:480px) {
    /* Header */
    header > div span {font-size: 15px;}
    
    /* Copyright Footer */
    .footer-card ul li a {font-size: 12px;}
    
    /* Business */
    #business-buttons {}
    #business-buttons a.btn {width:auto;}
    
    /* LTO */
    .ltobottom .links a.btn {width:auto; margin: 5px;}
    
}

@media (min-width: 576px) {
    .modal.lto .modal-dialog {max-width: 800px; width: auto;}
    .modal.adimage .modal-dialog {max-width: 700px; width: auto;}
    
     /* Footer */
    .footer-card .content {margin:20px 15px 20px 15px;}
    .footer-card ul {margin-top:10px; padding-top:10px;}
    
    /* Discounts by Category */
    .discountpage .card-body ul li {width:33.333333%;}
    
    /* New Vendors */
    #newvendors .row .grid-item {padding:1rem;}
    
    /* Cats */
    #singlecat .row .item {padding:1rem;}
    
    /* Discounts & Program Info */
    .toplinks h4 {font-size: 20px;}
    
    /* LTO */
    #all.ltocontent .col-6 {padding:1rem;}
    
    
}

@media (min-width: 605px) {
    /* Business */
    .buscontent > .card {max-width:575px; margin-left: auto; margin-right:auto;}
    
}


@media (min-width: 768px) {
    /* Index */
    #indexslides .swiper-slide {width:160px; }
    #indexslides a.card {height:180px;}
    
    /* Vendors */
    #alpha > div > span > a {font-size:14px}
    
    /* LTO - Single */
    .ltocontent h4 {font-size: 20px;}
    
    /* Locations */
    #locationlist {max-height:400px;}
   
}

@media (min-width: 842px) {
    /* LTO */
    .ltocontent > .card {max-width:812px; margin-left: auto; margin-right:auto;}
}

@media (min-width: 992px) {
    /* Index */
    #indexslides .swiper-slide {width:180px; }
    #indexslides a.card {height:200px;}
    
    
    
}

@media (min-width: 1024px) {
    /* New Vendors */
    #newvendors .row .grid-item {width:20%;}
    
    /* Cats */
    #singlecat .row .item {width:20%;}
    
    /* LTO */
    #all.ltocontent .col-6 {width:20%;}
}

@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) {
    
    /* Inside Pages */
    .top-pagination {-ms-flex-direction:column; flex-direction: column; text-align: center;}
    .top-pagination > * {margin-bottom: 10px;}
    .top-pagination > *:last-child {margin-bottom: 0;}
    
    #form-outer > form .row {flex-direction: column;}
    #form-outer > form .col {width:100%; margin-bottom: 1rem; margin-right:0;}
    #form-outer > form .col-auto {margin: 0 auto; max-width: 100%;}
    
    /* 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: 480px) {
    /* Bus Page */
    #business-buttons {display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
    #business-buttons a.btn {flex: 1 1 auto;}
    
    /* Directions */
    #directionslist {top:130px;}
   
}

@media (max-width: 450px) {
     /* Footer 
    .footer-card ul {flex-wrap: wrap;}
    .footer-card ul li:nth-child(3) {margin-right:0;padding-right:0;}
    .footer-card ul li:nth-child(3):after {display: none;}*/
}

@media (max-width: 390px) {
    .pagetitle.maintitle h2 {font-size: 20px; line-height: 24px;}
    
    /* Discounts by Category */
    #az ul li {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    #az ul li a {padding-right:15px;}
    #az ul li a i {display: block;}
    
    /* FAQs */
    #faqs .faqs h4 {font-size: 16px; line-height: 22px;}
}
@media (max-width:375px) {
    /* National Discounts */
    .nationallinks .grid .item {width:50%;}
    
    /* Resource Page */
    .resourcepage .card-style.card img {width:125px;}

}

@media (max-width: 350px) {
    .pagetitle.maintitle h2 {font-size: 20px; line-height: 24px;}
    .pagetitle.insidetitle h2 {font-size: 20px; line-height: 22px;}
    
    /* Footer */
    .footer-card .copyright {font-size: 11px;}
    .footer-card ul li a {font-size: 10px;}
    
    /* Index */
    .indexlist.list-group a i.bi-chevron-right {right:0;}
    
    /* Discounts */
    .toplinks > div {width:100%; padding-right: 0.75rem !important;padding-left: 0.75rem !important; }
    .toplinks > div a.card {margin-left: auto !important; margin-right: auto !important; flex-direction: row;-webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: start; justify-content: flex-start; align-items: center; padding: 10px;}
    .toplinks span.cardicon {margin: 0 10px 0 0 !important; padding: 0 !important;}
    .toplinks span.cardicon i {font-size: 28px;}
    .toplinks h4 {font-size: 15px; margin-bottom: 0 !important;}
    .toplinks > div a.card span.btn {display: none;}
    
    /* New Vendors */
    #newvendors .row .grid-item {padding:0.5em 0.5rem;}
    #newvendors .row a.card .card-bottom span.busname {font-size: 14px;}
    
    /* Cats */
    #singlecat .row .item {padding:0.5em 0.5rem;}
    #singlecat .row a.card .card-bottom span.busname {font-size: 14px;}
    
    /* LTO */
    #all.ltocontent .col-6 {padding:0.5em 0.5rem;}
    #all.ltocontent a.card span.img {padding: 25px 10px;}
    #all.ltocontent a.card .card-bottom span.title {font-size: 14px; line-height: 17px;}
    
    /* Resource Page */
    .resourcepage .card-style.card a.btn {padding: 8px 16px;}
    
}


html.webapp footer .row > div a {-webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: start; justify-content: flex-start;padding-top:20px;}