@media (min-width: 576px) {
    .container-fluid {overflow: hidden; padding-left: 24px; padding-right:24px;}
    .modal.lto .modal-dialog {max-width: 752px; width: auto;}
    
    /* Index */
    .indexbottom .col-12.newvendorbtn a {height:75px;}
    .indexbottom .col-md-4 a {height:150px; line-height:1.5; font-size: 1.1rem;}
    .indexbottom .col-md-4 a i {width:40px; height:40px; font-size: 40px;}
    
    /* Inside Pages */
    .pagetitle h2 {font-size: 1.875rem;letter-spacing: -.025rem;line-height: 2.375rem;}
    
    /* New Vendors */
    #newvendors .row > div {padding: 5px 10px;}
    
    /* Cats */
    .singlecat .row > div {padding: 5px 10px;}
    .jumpcat > div {width:30em;}
    
    /* Business */
    .backtocat .btn {width:30em;}
    
    /* Locations */
    button#dropdownlocation {max-width:300px; margin: 0 auto; position: relative;}
    #locationlist {max-width: 300px;}
    
    /** Form Pages **/
    .formContainer .form-group.half {width:48%;}
    .formContainer .form-group.half.left {margin-right:4%;}
}

@media (min-width: 768px) {
    
    /* Header */
    header .insidehead .sitetitle.smallscreen {display:none;}
    header .insidehead .sitetitle.largescreen {display:block;}
    
    /* Inside Pages */
    .toplinks a.btn {height:120px; min-height:0; padding: 24px 32px; font-size: 1.5rem; line-height: 1.75rem;}
    .toplinks a.btn i {font-size:18px; right:30px; width:18px;height:18px;}
    
    /* Cats */

}

@media (min-width: 992px) {
    /* Header */
    header .insidehead .sitetitle {font-size: 1.2rem; line-height: 1.43; letter-spacing: .01625rem}
    
    .logo img {width:150px;}
}

@media (min-width:768px) and (orientation: portrait) {
    /* Index */
    .indexbottom { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: start; align-items:flex-start;}
    .indexbottom .container-fluid {margin-top: 50px;}
}

@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) {
    .container-fluid {float:left;}
    
    /* Directions */
    .mapouter {height:300px;}
    #form-outer  {margin: 15px auto 15px auto;}
    #directionslist {left: 1rem;}
    
    /** Resource Library **/
    .downloads {margin-bottom: 30px;}
    .downloads > div {padding: 0;}
    .downloads .thumbnail {display:-webkit-box; display:-ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #edf2f7;}
    .downloads .thumbnail img {height:91px;margin:0;border-radius: 0;border-top-left-radius: 4px;}
    .downloads h3 {border-bottom: none; padding: 02px 16px 0; width:calc(100% - 70px); margin: 0; font-size: 1rem;line-height: 1.625rem; letter-spacing:-.00063rem}
    .downloads .links {width:100%; padding: 12px 16px 12px;}
    
    /* Mobile App */
    a.appcollapse {width:100%;}
    a.appcollapse:nth-child(2) {margin-bottom: 10px;margin-right: 0;}
    a.appcollapse:nth-child(3) {margin-left: 0;}
}

@media (max-width: 480px) {
    
    /* National */
    .nationallinks .grid .item {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}

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

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:25px;}

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:25px;}

body.iphone12: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.iphone12 footer .container-fluid {padding-bottom:25px;}