@media (min-width: 390px) {
    /* Index */
    .masonry-with-columns div > a br {display: block;}
    
    /* New Vendors */
    #newvendors .row > div {margin-bottom: 15px;}
    #newvendors .row a {-webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; padding: 5px 10px; text-align: center; height:70px;}
    #newvendors .row a i {display: none;}
    
    /* Cats */
    #singlecat .row > div {margin-bottom: 15px;}
    #singlecat .row a {-webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; padding: 0.25rem 0.5rem; text-align: center; height:70px;}
    #singlecat .row a i {display: none;}
    
    /* Search */
    #resultsgrid .mix {margin-bottom: 15px;}
    #resultsgrid .row a {-webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; padding: 5px 0.5rem; text-align: center; height:70px;}
    #resultsgrid .row a i {display: none;}
}

@media (min-width: 480px) {
    .btn, button {font-size: 14px; padding:14px 20px;}
    .selectview button#showall {font-size: 14px; padding:14px 20px;}
    
    /* 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 */
    #directions .panel {padding: 40px 30px;}
}

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

@media (min-width: 768px) {
    /* Index */
    .logo a {padding-top:34px !important; padding-bottom: 34px !important;}
    .logo a img {width:400px;}
    .masonry-with-columns div > a {font-size: 20px; line-height: 24px;}
    .masonry-with-columns div > a i {font-size: 70px; margin-bottom: 20px;}
    .masonry-with-columns div:nth-child(3) > a {background-color:#0b315b;}
    .masonry-with-columns div:nth-child(4) > a {background-color:#0b315b;}
    
    /* Discounts */
    .toplinks .row > div {margin-bottom: 1.5rem;}
    
    /* Mobile App */
    .appaccordion.card .card-header a {font-size: 18px; line-height: 22px;}
    
    /* Search */
    .resultstext {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: 767px) {
    h1, h2, h3, h4, h5, h6 {margin-bottom: 10px;}
    h1 {font-size: 24px; line-height: 28px;}
    h2 {font-size: 20px; line-height: 23px;}
    h3 {font-size: 18px; line-height: 22px;}
    h4 { font-size: 16px;line-height: 20px;}
}

@media (max-width: 575px) {
    /* Header */
    header a.navbar-brand {font-size: 14px;line-height: 17px;}
    header a.navbar-brand span.sitetitle > span {display: block;}
    
    /* Index */
    .masonry-with-columns div {height:auto;margin: 0 auto 0.5rem 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) {
    body {font-size: 13px; line-height: 18px;}
    
    /* Inside Pages 
    .pagination-buttons .newvendorfilter a.btn {font-size: 13px;}
    .selectview button#showall {font-size: 13px;}
    div.viewcats > button {font-size: 13px;}
    .nationalcategories .btn {font-size: 13px;}*/
    
    /* 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) {
    
    /* Header */
    header .navbar-toolbar {padding: 0 10px;}
     
    /* Index */
    .logo a {padding-top:20px !important; padding-bottom: 20px !important;}
    .logo a img {width:275px;}
    html:not(.webapp) .masonry-with-columns div > a i {margin: 0 0 10px 0; font-size: 28px;}
    
    /* Discounts by Category */
    .discountpage .card-header a {font-size: 15px; line-height: 22px;}
    #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) {
    
    
    /* New Vendors */
    #newvendors .row {margin-left:auto; margin-right:auto;}
    #newvendors .row > div {width:100%; padding-right:0;padding-left:0;}
    
    /* Category */
    #singlecat .row {margin-left:auto; margin-right:auto;}
    #singlecat .row > div {width:100%; padding-right:0;padding-left:0;}
    
    /* Search */
    #resultsgrid .gridouter .grid {margin-left:auto; margin-right:auto;}
    #resultsgrid .mix {width:100%; padding-right:0;padding-left:0;}
}

@media (max-width: 375px) {
    /* Index */
    .logo a img {width:250px;}
    .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;}
    .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;}
}

@media (max-width: 360px) {
    /* Header */
    header a.navbar-brand span.sitetitle > span {display: none;}
    
    /* Footer */
    footer {line-height: 16px;}
    footer .copyright {padding-right: 10px;}
    footer .footerlinks ul li {padding: 0 7px 0 0;margin: 0 7px 0 0;}
    footer .footerlinks ul li:after {top:1px;}
    
    /* Index */
    .logo a {padding-top:18px !important; padding-bottom: 18px !important;}
    .logo a img {width:230px;}
    
    /* Inside Pages */
    .page-item:not(.page-arrow) {display: none;}
    .mixitup-pager.mixitup-pager-truncation-marker {display: none;}
    
    /* Discounts */
    .toplinks .row > div {width:100%; padding-left:0; padding-right:0;}
    .toplinks a {-ms-flex-direction: row; flex-direction: row; text-align: left;}
    .toplinks a i {margin: 0 10px 0 0; font-size: 22px; width:22px; height:22px; line-height: 1;}
    
    /* National Discounts */
    .nationallinks .grid .item {width:50%;}
    fieldset.filter-group input {font-size: 14px;}
    
    /* Vendors */
    #alpha > div span a {font-size: 13px;}
    
    /* Cats */
    #singlecat .row a {min-height: 50px;}
    
    /* Search */
    #resultsgrid .row a {min-height: 50px;}
    #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;}