@media (min-width: 390px) {
    
    .btn-primary.special {min-width: 150px; padding: 12px 16px;}
    
    /* Index */
    .masonry-with-columns div > a br {display: block;}
    
    /* Inside Pages */
    .pagination-buttons .newvendorfilter a.btn {min-width: 140px;padding: 15px 16px;}
    
    /* New Vendors */
    #newvendors .row a {padding: 15px;}
    #newvendors .row a span.outerimg {width:100px; height:100px;}
    
    /* Cats */
    #singlecat .row a {padding: 15px;}
    #singlecat .row a span.outerimg {width:100px; height:100px;}
}

@media (min-width: 480px) {
    .btn-primary.special {padding: 15px 16px;}
    
    /* 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; min-width: 0; flex:auto; min-width:110px;}
    
    /* 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; min-width: 0; flex:auto; min-width:110px;}
}

@media (min-width: 576px) {
    .modal.lto .modal-dialog {max-width: 800px; width: auto;}
    .container-fluid {padding: 0 1rem;}
    
    /* Index */
    .masonry-with-columns div > a {font-size: 18px; line-height: 22px;}
    .masonry-with-columns div > a i {font-size: 50px;}
    .masonry-with-columns div:nth-child(5) {width: 50%;}
    .masonry-with-columns div:nth-child(6) {width: 50%;}
    .masonry-with-columns div > a br {display: none;}
    
    /* Discounts by Category */
    .discountpage .card-body ul li {width:33.333333%;}
    
    /* Business */
    #business-buttons a.btn {width:auto; margin: 5px;}
    
    /* Directions */
    .mapouter {height:400px;}
    
    /* LTO */
    #all.ltocontent .col-6 {margin-bottom: 1rem;}
    .ltoinfo > .links a.btn {width:auto; margin: 5px;}
    
    /* Form Pages */
    .formContainer .form-group .valid textarea.form-control {background-position: 98.5% 20%;}
    .formContainer .form-group .valid #business.form-control {background-position: 98.5% center;}
    .formContainer .form-group .error #business.form-control {background-position: 98.5% center;}
    .formContainer .form-group .error textarea.form-control {background-position: 98.5% 20%;}
}

@media (min-width: 768px) {
    
    body {font-size: 18px;}
    .btn-primary {font-size: 18px;}
    
    h1 {font-size: 64px; line-height: 76px;}
    h2 {font-size: 36px; line-height: 42px;}
    h3 {font-size: 26px; line-height: 30px;}
    
    .form-control {font-size: 18px;}
    
    .btn-primary.blue {width:160px; max-width: 160px;}
    .btn-form.btn-primary.blue {min-width:160px;}
    .btn-primary.blue.smaller {min-width:0; width:auto; max-width: 100%;}
    
    /* header */
    .logo a {font-size: 20px;}
    
    /* Index */
    .masonry-with-columns div > a {}
    .masonry-with-columns div > a i {font-size: 50px; margin-bottom: 20px;}
    .masonry-with-columns div:nth-child(3) > a {}
    .masonry-with-columns div:nth-child(4) > a {}
    
    /* Inside Pages */
    .pagetitle span {font-size: 20px; line-height: inherit;}
    
    /* Discounts & Program Info */
    .toplinks .col-12 {margin-bottom: 25px;}
    .toplinks a {-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; text-align: center; -ms-flex-direction:column; flex-direction: column; font-size: 24px; padding: 30px;}
    .toplinks a i {margin: 0 auto 15px auto; width:auto; }
    .toplinks a i:before {font-size: 40px;}
    
    /* Discounts by Category */
    .discountpage .card-header a {min-height:65px; font-size: 20px;}
    .discountpage .card-header a i.icon-chevron-down {font-size: 16px;}
    
    /* New Vendors */
    #newvendors .row a span.outerimg {width:120px;height:120px;}
    
    /* Cats */
    #singlecat .row a span.outerimg {width:120px;height:120px;}
    .jumpcat .drop-down-arrow-up { top:26px;}
    .jumpcat .drop-down-arrow-down {top:16px;}
    
    /* Locations */
    button#dropdownlocation {font-size: 18px;}
    button#dropdownlocation span {font-size: 14px;}
    button#dropdownlocation span.drop-down-arrow-up i {top:-6px;}
    button#dropdownlocation span.drop-down-arrow-down i {top:6px;}  
    
    /* Mobile App */
    .appaccordion.card .card-header a {min-height: 65px; font-size: 20px;}
}

@media (min-width: 768px) and (max-height: 800px) and (orientation: landscape) {
    /* Index */
     .masonry-with-columns div > a i {font-size: 50px; margin-bottom: 15px;}
}

@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: 600px) {
    /* LTO */
    #all.ltocontent .col-6 {width:50%;}
    #all.ltocontent a {padding: 15px;}
    #all.ltocontent a span.img {margin: 0 auto;}
    #all.ltocontent a span.img img {width:150px;}
}
@media (max-width: 575px) {
    
    .btn-primary.special {padding:10px 16px;border-radius: 19px; min-width:140px;}
    .btn-primary.special:before {border-radius: 2px;}
    .btn-primary.special:after {border-radius: 2px;}
    
    /* Index */
    .masonry-with-columns div {height:auto;margin: 0 auto 0 auto;}
    .masonry-with-columns div > a {}
    
    /* Inside Pages */
    .top-pagination {flex-direction: column; text-align: center;}
    .top-pagination > * {margin-bottom: 0.5rem;}
    .top-pagination > *:last-child {margin-bottom: 0;}
    
}
@media (max-width: 480px) {
    
/* Directions & Locations */
    #form-outer > form#location-form .row {-ms-flex-direction: column; flex-direction: column; -webkit-box-align: center;-ms-flex-align: center;align-items: center;}
}

@media (max-width: 390px) {
    /* Index */
    html:not(.webapp) .masonry-with-columns div > a i {margin: 0 0 10px 0; font-size: 28px;}
    
    /* Discounts by 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;}
    
    /* New Vendors */
    #newvendors .row a { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center;  min-height: 65px;}
    #newvendors .row a span.outerimg {display: none;}
    #newvendors .row a span.busname {margin: 0 auto 0 auto;}
    
    /* Cats */
    #singlecat .row a { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center;  min-height: 65px;}
    #singlecat .row a span.outerimg {display: none;}
    #singlecat .row a span.busname {margin: 0 auto 0 auto;}
    
    /* LTO */
    #all.ltocontent .col-6 {width:100%;}
    #all.ltocontent a span.btn {margin-top: 10px;}
    
}

@media (max-width: 389px) {
/* Contact */
.contacttext span {display: block;}
.contacttext span.slash {display: none;}
}

@media (max-width: 375px) {
    /* Header */
    div.navbar-toolbar button {padding: 0 15px;}
    
    /* Index */
    .container-fluid.index > .row {margin-left: auto !important; margin-right: auto !important;}
    .masonry-with-columns {padding-left: 0;padding-right:0;}
    .masonry-with-columns div {padding: 0 0 10px;}
    .masonry-with-columns div:last-child {margin-bottom: 0;}
    .masonry-with-columns div:nth-child(1) {width: 100%;}
    .masonry-with-columns div:nth-child(2) {width: 100%;}
    .masonry-with-columns div:nth-child(3) {width: 100%;}
    .masonry-with-columns div:nth-child(4) {width: 100%;}
    .masonry-with-columns div:nth-child(5) {width: 100%;}
    .masonry-with-columns div:nth-child(6) {width: 100%;}
    .masonry-with-columns div:nth-child(7) {width: 100%;}
    .masonry-with-columns div > a {flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 8px 8px 8px 15px; font-size: 15px; line-height: 18px;}
    .masonry-with-columns div > a i {margin: 0 14px 0 0; font-size: 22px;}
    html:not(.webapp) .masonry-with-columns div > a i {margin: 0 14px 0 0; font-size: 22px;}
    .masonry-with-columns div:nth-child(2) a br {display: none;}
    .masonry-with-columns div:nth-child(3) a br {display: none;}
    
    /* Discounts by Category */
    .discountpage .card-header a {font-size: 16px;}
    .discountpage .card-header a i.icon-chevron-down {right:5px;}
    
}

@media (max-width: 360px) {
    /* Inside Pages */
    .page-item:not(.page-arrow) {display: none;}
    .mixitup-pager.mixitup-pager-truncation-marker {display: none;}
    
    /* Discounts & Program Info */
    .toplinks a {padding: 20px 15px;font-size: 18px;}
    .toplinks a i {margin: 0 15px 0 0; width: 34px;}
    .toplinks a i:before {font-size:24px;}
    
    /* New Vendors */
    #newvendors .row .grid-item {width:100%; padding-top:0.5rem; padding-bottom: 0.5rem;}
    #newvendors .row a {text-align: left; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: start; align-items: flex-start; padding: 10px 10px 10px 10px;}
    #newvendors .row a span.busname {margin:0;}
    #newvendors .row a span.busname i {display: block;}
    
    /* Cats */
    #singlecat .row .item {width:100%; padding-top:0.5rem; padding-bottom: 0.5rem;}
    #singlecat .row a {text-align: left; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: start; align-items: flex-start; padding: 10px 10px 10px 10px;}
    #singlecat .row a span.busname {margin:0;}
    #singlecat .row a span.busname i {display: block;}
    
    /* Search */
    #resultsgrid .row .grid-item {width:100%; padding-top:0.5rem; padding-bottom: 0.5rem;}
    #resultsgrid .row a {text-align: left; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: start; align-items: flex-start; padding: 10px 10px 10px 10px;}
    #resultsgrid .row a span.busname i {display: block;}
    #resultsgrid .pagination .page-item:not(.page-arrow) {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: 25px;}
html.webapp body.iphoneXR footer .container-fluid {padding-bottom: 25px;}
html.webapp body.iphone12 footer .container-fluid {padding-bottom: 25px;}
html.webapp body.iphone12 footer .container-fluid {padding-bottom: 25px;}
html.webapp.ipad footer .container-fluid {padding-bottom: 20px;}