@media (min-width: 567px) {
    /* header */
    header .insidehead .sitetitle {font-size: 17px;}
    
    /* Index */
    .indexbottom .col-md-4 a {height: 150px; font-size: 22px;}
    .indexbottom .col-md-4 a i {width:40px; height:40px;font-size: 40px;}
    
    /* Inside Pages */
    .pagetitle {padding: 10px 0 10px;}
    .pagetitle h2 {font-size: 24px;}
    
    /* Cats */
    div.singlecat > div.col-sm-6 {padding: 5px 10px;}
    div.singlecat > div a {height:70px;padding: 5px 10px;}
    div.singlecat > div a {-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; text-align: center; }
    div.singlecat > div a i {display: none;}
    .jumpcat > div {width:30em;}
    
    /* Business */
    .backtocat .btn {width:30em;}
    
    /* Locations */
    button#dropdownlocation {max-width:300px; margin: 0 auto; position: relative;}
    #locationlist {max-width: 300px;}
    
    /* Directions */
    #form-outer > form input {font-size: 18px;padding: 5px 50px 0px 20px;}
    
    /* New Vendors */
    #newvendors .row > div {padding: 5px 10px;}
    #newvendors .row a {-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; text-align: center; }
    #newvendors .row a {height:70px; padding: 5px 10px;font-size: 17px;}
    #newvendors .row a i {display: none;}
    
     /** Form Pages **/
    .formContainer .form-group.half {width:48%;}
    .formContainer .form-group.half.left {margin-right:4%;}
    
    #faqs h4 {font-size: 22px;}
    p.formpagetext > span.contact > span:first-child {padding-right: 10px; margin-right:7px; }
}


@media (min-width: 768px) {
    .container-fluid {padding-right:40px; padding-left: 40px;}
    .modal.lto .modal-dialog {max-width: 752px; width: auto;}
    
    /* Header */
    header .insidehead {padding-right:40px; padding-left: 40px;}
    header .insidehead .sitetitle.smallscreen {display:none;}
    header .insidehead .sitetitle.largescreen {display:block;}
    
    /* Index */
    .indexbottom .container-fluid {padding-top:40px;}
    .indexbottom .col-12.newvendorbtn a {height:70px; font-size: 24px;padding:10px 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;}
}

@media (max-width: 575px) {
    
    /* Directions */
    .mapouter {height:300px;}
    .mapbottom h3 {font-size: 20px; line-height: 1.3}
    .mapbottom h3.toLocation span.destination_address {font-size: 17px;}
    #form-outer  {margin: 15px auto 15px auto;}
    #instructions > li {font-size:15px;}
    #instructions > li span.dis {font-size: 13px;}
    .dir-tt {width:15px; height:15px; top:1px;}
    #directionslist {left: 1rem;}
    
    /* Mobile App */
    a.appcollapse {width:100%;}
    a.appcollapse:nth-child(2) {margin-bottom: 10px;}
}


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