html.webapp body.iphoneX #goTop {bottom:50px;}
html.webapp body.iphoneX .footer {height: auto;}
html.webapp body.iphoneX .footer > .container-fluid {padding-bottom:22px; padding-top:8px;}
html.webapp .testsize {display:none;}
html.webapp .ath-modal {display:none !important;}

@media (min-width:576px) {
    /* header */
    header .logo img {width: 175px;}
    header .logo span {font-size:14px;}
    header .searchbutton {display:block;}
    header .backbutton span {display: block;}
}

@media (min-width:768px) {
    
    h1 {font-size: 2.25rem;}
    h2 {font-size: 1.75rem;}
    h3 {font-size: 1.5rem;}
    
    .modal.lto .modal-dialog {max-width: 752px; width: auto;}
    
    /* Index */
    .caption .btn {font-size: 1.375rem;}
}

@media (min-width:992px) {
    
    /* Index */
    #indexslides {z-index: 1;}
    .caption > div h2 {font-size:2rem;}
}


@media (max-width: 576px ) {
    
    h1 {font-size: 1.55rem;}
    
    /* Index */
    .caption p {font-size:1rem;}
    .caption .btn {font-size: 1rem; padding: 0.4em 0.9em;}
    
    /* Discounts */
    .discountcontent .discountpage div.mainfilter > a {padding: 10px 0px 10px 32px;}
    .discountcontent .discountpage div.mainfilter i {left: 0.7em;}
    
    /* Vendors */
    ul.vendors {padding: 0 35px 0 0px;}
    
    /* Category */
    div.singlecat > div.col-sm-6  {padding: 4px 0px 4px; margin-bottom: 5px;}
    div.singlecat > div > a {text-align: left; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; border-width:1px; font-size: 1em; height:55px; padding: 6px 30px 6px 12px;}
    div.singlecat > div > a i {display:block;}
    
    /* Business Page */
    #business-buttons { -ms-flex-direction: column; flex-direction: column; -webkit-flex-flow:column;-moz-flex-flow: column;-ms-flex-flow: column;flex-flow: column; }
    #business-buttons .btn {width:80%; margin:1% auto 2%; display: block; text-align: left;}
    #business-buttons .btn i {margin-right:10px;}
    
    /* Forms */
    .formContainer .col-6 {max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
    .formContainer .col-6:first-child {padding-bottom: 15px;}
    
    /* Search */
    #resultsgrid .gridouter .grid > .mix {padding: 4px 0px 4px; margin-bottom: 5px;}
    #resultsgrid .mix a {text-align: left; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; border-width:1px; font-size: 1em; height:55px; padding: 6px 30px 6px 12px;}
    #resultsgrid .mix a i {display:block;}
}
@media (max-width: 480px) {
    /* Business Page */
    #business-buttons .btn { }
    #business-buttons .btn i {margin-right:7px;}
    
    /* Search Page */
    #searchouter {padding: 20px 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;}
    
    /* Category */
    div.singlecat > div > a {font-size:0.9em; padding: 6px 25px 6px 12px;}
    div.singlecat > div > a i {right: 0.5rem;}
    
    /* Business Page */
    #business-buttons .btn {padding:.375rem .55rem;width:90%; margin:1% auto; }
    #business-buttons .btn i {margin-right:10px;}
}

@media (max-width: 350px ) {
    /* Header */
    header .logo img {width: 150px;}
    header .logo span {font-size:10px;}
    
    /* Index */
    .caption > div h2 {font-size: 1em;}
    .caption .btn {font-size: 1rem; padding: 0.3em 0.7em;}
    
    /* Business Page */
    #business-buttons .btn {padding:.375rem .55rem; }
    #business-buttons .btn i {}
}

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);}
body.iphoneX.indexpage .indexlinks {padding: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left);}
html.orientation_landscape body.iphoneX .footer > .container-fluid {padding-bottom:17px; padding-top:8px;}

html.webapp body.iphoneX .footer .col {padding-bottom:20px;}
html.webapp body.iphoneXR .footer .col {padding-bottom:20px;}

html.webapp body.iphone12 .footer .col {padding-bottom:20px;}