@media (min-width: 480px) {
    /* Locations */
    button#dropdownlocation {max-width:200px; margin: 0 auto; position: relative;}
    #locationlist {max-width: 350px;}
}

@media (min-width: 768px) {
    .modal.lto .modal-dialog {max-width: 752px; width: auto;}
    .modal.adimage .modal-dialog {max-width: 700px; width: auto;}
    
     /* Index */
    .indexbottom .col-md-4:nth-child(2) {margin-bottom:60px;}
    .indexbottom .col-md-4:nth-child(3) {margin-bottom:60px;}
    .indexbottom .col-md-4:nth-child(4) {margin-bottom:60px;}
    
    .indexbottom .col-md-4 a {min-height:188px;}
    
    /* New Vendors */
    #newvendordd {max-width: 300px;}
}

@media (min-width: 992px) {
    /* Index */
    .caption {position: absolute;right: 50px;top:36px; width: 34.112903%; border-radius: 16px; color:#fff; background-color:rgba(54, 67, 139, .8); margin:0;}
    
}

@media (min-width: 1040px) {
    /* Index */
    .indexbottom .col-md-4 a {min-height:0;}
}

@media (min-width: 1200px) {
    .container-fluid {padding-left:25px;padding-right:25px;}   
    .maincontent > .container-fluid {float:none; overflow: hidden;}
    
}

@media (max-width: 991px) {
    /* Index */
    #indexslides .container-fluid {padding: 36px 0px;}
    #indexslides .item img {width:100%;}
}


@media (max-width: 767px) {

    /* Index */
    #indexslides .container-fluid {padding: 26px 0px;}
    .caption {margin: -70px 20px 0 20px;}
    .caption > div {padding: 20px;}
    
    .indexbottom .col-md-4:nth-child(2) {margin-bottom:60px;}
    .indexbottom .col-md-4:nth-child(3) {margin-bottom:60px;}
    .indexbottom .col-md-4:nth-child(4) {margin-bottom:60px;}
    .indexbottom .col-md-4:nth-child(5) {margin-bottom:60px;}
}

@media (max-width: 576px) {
    
    /* Footer */
    footer {line-height: 1.4;}
    footer span.copy {display: block;}
    footer a.first {margin-left: 0;}
    
    .indexbottom .container-fluid {padding-top:40px;padding-bottom:40px;}
    .indexbottom .col-12.newvendorbtn {padding-bottom: 30px;margin-bottom: 30px;}
    
    .indexbottom .col-md-4 a {padding: 30px 10px 20px 10px; min-height: 146px;}
    .indexbottom .col-md-4 a > span.topicon {top: calc(-50px);width:100px; height: 100px;}
    .indexbottom .topicon i {font-size:40px;}
    .indexbottom .col-md-4 a > span.name {padding: 10px 0px 10px 0px; margin:30px auto 0 auto; font-size: 18px; line-height:22px;}
    
    .indexbottom .col-md-4:nth-child(2) {margin-bottom:30px;}
    .indexbottom .col-md-4:nth-child(3) {margin-bottom:30px;}
    .indexbottom .col-md-4:nth-child(4) {margin-bottom:30px;}
    .indexbottom .col-md-4:nth-child(5) {margin-bottom:30px;}
    
    /* Inside Pages */
    .white-btn {font-size: 19px;}
    
    /* Discounts */
    .discountbtns a.btn {height:100px; padding: 10px 20px;}
    
    /* Discounts Category */
    .discountcontent .discountpage div.mainfilter {padding: 10px 15px 10px 1rem;}
    .discountcontent .discountpage div.mainfilter i {left: 1rem;}
    
    /* national */
    .nationallinks .grid .item {/* max-width: 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%;*/ padding: 0 0.3rem; margin: 0 0 .75rem;}
    .nationallinks .busname > span {font-size:16px;}
    
    /* Vendors */
    ul.vendors {padding: 0 35px 0 0px;}
    
    /* new Vendors */
    #newvendors .row > div {padding-right:30px;}
    #newvendors .row a {-webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: start; justify-content: flex-start; text-align: left; padding: 5px 30px 5px 15px;}
    #newvendors .row a span.iconarrow { display: -webkit-box; display:-ms-flexbox; display:flex;}
    
    /* Program Info */
    .programbtns a.btn {height:100px; padding: 10px 20px;}
    
    /* Cats */
    div.singlecat > div.col-sm-6 {padding-right:30px;}
    div.singlecat > div > a {-webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: start; justify-content: flex-start; text-align: left; padding: 5px 30px 5px 15px;}
    div.singlecat > div > a span.iconarrow {display: -webkit-box; display:-ms-flexbox; display:flex;}
    
    /* Business Page 
    #business-buttons .btn {width:43%; margin:1% 1.5%; text-align: left;}
    #business-buttons .btn i {margin-right:10px;}*/
    
    /* Directions */
    .mapouter {height:300px;}
    #form-outer {width:90%; margin: 15px 5% 15px 5%;}
    #instructions > li {font-size:15px;}
    #instructions > li span.dis {font-size: 12px;}
    .dir-tt {width:15px; height:15px; top:1px;}
    #directionslist {left: 1.7rem;}
    
    /* Form Pages */
    .formContainer {padding: 0;}
    
    /* Search Page */
    #searchouter form button {right:20px; font-size: 30px; top:15px;}
    
}

@media (max-width: 480px) {
    
    .insidecontent.whitebg {padding:25px 25px;}
    
    /* Index */
    .indexbottom .col-md-4:nth-child(2) {margin-bottom:20px;}
    .indexbottom .col-md-4:nth-child(3) {margin-bottom:20px;}
    .indexbottom .col-md-4:nth-child(4) {margin-bottom:20px;}
    .indexbottom .col-md-4:nth-child(5) {margin-bottom:20px;}
    .indexbottom .col-md-4 a {min-height:136px; padding: 20px 10px 0px 10px;}
    .indexbottom .col-md-4 a > span.topicon {top: calc(-40px);width:90px; height: 90px;}
    .indexbottom .topicon i {font-size:35px;}
    .indexbottom .col-md-4 a > span.name {margin: 20px auto 0 auto;}
    
    /* new Vendors */
    #newvendors > .row > div {padding-right:25px;}
    
    /* Cats */
    div.singlecat > div.col-sm-6 {padding-right:25px;}
    
    /* Directions */
    .mapouter {height: 250px}
    #form-outer {width:100%; margin: 15px auto 15px auto;}
    #directionslist .dropdown-menu {max-height:220px;}
    
    /* form pages */
    .formContainer .form-group {padding: 7px 0;}
    .formContainer .form-group.form-row {margin-left: auto; margin-right: auto; padding: 0;}
    .formContainer .form-group.form-row .col-6 {padding-left: 0; padding-right: 0; padding-top:7px; padding-bottom:7px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;}
    .formContainer .form-group label {padding: 0 25px;}
    .formContainer .form-group.form-row label {padding: 0 25px;}
    .formContainer .form-group .form-control {}
    
    /* FAQs */
    #faqs h4 {line-height:30px;}
    
    /* Mobile App */
    .appbottom {padding:25px 25px;}
    a.appcollapse {width:100%;}
    a.appcollapse:nth-child(2) {margin-bottom: 10px;}
    
    /* Search Page */
    #resultsgrid .gridouter .grid > .mix {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    #searchouter form button {right:15px; font-size: 26px; top:10px;}
    #searchouter form input {height:50px; padding: 0 0 0 20px; font-size: 20px;}
    
}

@media (max-width: 380px) {
    
    /* Vendors */
    #alpha > div span a {font-size: 13px; margin: 1px 0px;}
    ul.vendors ul li a {padding: 10px 8px 10px 8px;}
    
    /* Business 
    #business-buttons .btn {width:90%; margin:1% 5%;}*/
}

@media (max-width: 350px) {
    
    /* Contact */
    p.formpagetext > span.contact > span {display: block; }
    p.formpagetext > span.contact > span:first-child {border-right:none; padding-right: 0; margin-right: 0; padding-bottom: 10px;}
}

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

html.ie .ltoImage img.img-fluid {width:100% !important;}
html.ie select::-ms-expand {display: none;}

body.iphoneX:not(.indexpage) .maincontent {padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);}
html.webapp body.iphoneX footer .container-fluid {padding-bottom:20px;}

body.iphoneXR:not(.indexpage) .maincontent {padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);}
html.webapp body.iphoneXR footer .container-fluid {padding-bottom:20px;}