@media (min-width: 576px) {
    body {font-size: 110%;}
    .container-fluid {width:90%; padding: 0;}
    
    .modal.adimage .modal-dialog {max-width:835px;}
    .modal.adimage .modal-dialog .modal-body img {margin: 0 auto; display: block;}
    
    .modal-instructions.modal .modal-dialog {max-width:800px; width: auto; text-align: center;}
    .modal.lto .modal-dialog {max-width: 875px; width: auto;}
    #qrcode.modal .modal-body {padding: 20px 15px;}
    #qrcode.modal .modal-body img {width:350px;}
    
    #subscribemodal .modal-dialog {max-width: 820px;}
    #subscribemodal .subscribeindex form {padding: 15px;}
    
    /* HOSPITAL WEEK */
    #hospitalweek .modal-dialog {max-width: 700px;}
    /* HOSPITAL WEEK */
    
    /* Header */
    a.navbar-brand img {width:200px;}
    
    #mainmenu2 {top:98px; height: calc(100% - 98px);}
    #mainmenu2 ul.menu {width:90%; padding: 0;}
    #mainmenu2 ul.menu > li > a {font-size: 1.375rem;}
    #mainmenu2 ul.menu > li > a i {width:30px; height:30px;}
    
    #searchmenu {top:98px; height: calc(100% - 98px);}
    #searchmenu > div {width:90%; padding: 0;}
    #searchmenu form input {padding-left:2.5rem;}
    #searchmenu form i {top:28%;}
    
    /* Footer */
    footer .container-fluid { -ms-flex-direction: row; flex-direction: row; -webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content: space-between;}
    
    /* Index */
    #mainimage .bottomcaption .row > div {margin-top:0;}
    #mainimage .bottomcaption a {-ms-flex-direction: column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;}
    #mainimage .bottomcaption a > i {/*left: -0.36rem;*/}
    
    .indexbottom p {font-size: 1.25rem;}
    .indexbottom #formresponse p {font-size: 1.2rem;}
    
    /* Inside Pages */
    p.largetext {font-size: 1.25rem;}
    
    .mixitup-page-stats > div {font-size: 1.25rem;}
    
    /* Error & Search Pages */
    .resultstext {font-size: 1.25rem;}
    
    /** Information Pages **/
    .infotop #mainimage .caption p {font-size: 1.25rem;}
    #infoboxes .flex-item > a h3 span i {font-size: 1.15rem;}
    
    /* Response */
    .formbody.success .rightoutput h3 {font-size: 1.2rem; line-height:1.6rem;}
}


@media (min-width: 768px) {
    
    /* Header */
    .mainheader .container-fluid {padding-top:1.2rem; padding-bottom:1.2rem;}
    a.navbar-brand img {width:230px;}
    
    #mainmenu2 {top:128px; height: calc(100% - 128px);}
    #mainmenu2 ul.menu {position: relative; margin-top: 10vh}
    #mainmenu2 ul.menu > li {width:90%;}
    #mainmenu2 ul.menu > li > a {font-size: 1.5rem;}
    
    #searchmenu {top:128px; height: calc(100% - 128px);}
    #searchmenu > div {position: relative; margin-top: 10vh;}
    
    /* Index */
    #categoryslide a {font-size: 1.25rem;}
    .indexbottom p {font-size: 1.4rem;}
    
    /* Inside Pages */
    p.largetext {font-size: 1.4rem;}
    
    .mixitup-page-stats > div {font-size: 1.4rem;}
    
    /* Discounts & Program Info */
    .toplinks a {-webkit-justify-content: center; -moz-justify-content:center; -ms-justify-content: center; justify-content: center; -webkit-box-align: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-direction: column; flex-direction: column; transition:all 0.3s cubic-bezier(0,0,0,1); background-image:url(../images/bg-cards.svg); background-position: bottom; background-repeat: no-repeat; background-size: calc(100vw - 20%); font-size: 28px;}
    .toplinks .row > div {height:200px;}
    .toplinks .row > div:nth-child(1) a {background-position: left bottom;}
    .toplinks .row > div:nth-child(3) a {background-position: right bottom;}
    .toplinks a i {font-size: 2rem; margin: 0 0 1rem 0;}
    
    .toplinks.programinfo a {background-image:linear-gradient(310deg,#00ad83 0%,#009cbd 100%);}
    
    /* Error & Search Pages */
    .resultstext {font-size: 1.4rem;}
    
    /** Information Pages **/
    #infoboxes .flex-item > a h3 {font-size: 1.25rem;}
    #infoboxes .flex-item > a h3 span i {font-size: 1.25rem;}
    
    a#closebox {right:3.5rem; width:3rem;height:3rem; line-height: 3rem; top:1.5rem;}
    a#closebox i {font-size: 2.25rem;}
    
    /* Signatures */
	#signature-pad {width:538px;}
	#signature-modal input.form-control {width:75%;}
	.pad-outer {padding: 15px;}
    #signature-modal .modal-dialog {width: 600px; max-width: 600px;}
    
    /* Response */
    .formbody.success #enrollformresponse .height {height: 260px;}
    .formbody.success #enrollformresponse .leftoutput { width:40%; padding: 0;}
    .formbody.success #enrollformresponse .leftoutput img {width:200px;}
    .formbody.success #enrollformresponse .rightoutput {width:60%; text-align: left;}
    .formbody.success #enrollformresponse .rightoutput h3 { margin-top:0;}
    .formbody.success #enrollformresponse .rightoutput h5 {margin-bottom: 1.5rem;margin-top:1.5rem;}
}

@media (min-width: 992px) {
    body {font-size: 120%;}
    
    #main:before {height:100%; max-height:976px;}
    
    /* Header */
    #searchmenu form input {height:60px;}
    #searchmenu form button.btn {font-size: 1.075rem;}
    
    /* Index */
    #mainimage {padding-top:55px; padding-bottom: 100px;}
    #mainimage > div {-ms-flex-direction: row; flex-direction:row;}
    #mainimage .slideimage {-ms-flex-order: 2; order: 2; width: calc(50vw - 28% + 18px); max-height: 780px; height:550px; right:-6%;}
    #mainimage .slideimage:before {content: ''; transform: rotate(330deg) translate3d(0,0,0); position: absolute; top:5%; left: -4%; bottom:-8%; right: -4%; background:linear-gradient(200deg,#009bbd,#9bd97e); border-radius: 50%; filter:blur(100px); z-index: -1;}
    #mainimage .slideimage img {height:100%; object-fit: cover; font-family: 'object-fit:cover'; border-radius: 40px 0 0 40px; }
    #mainimage .caption {-ms-flex-order: 1; order: 1; height:100%; width:55%;}
    #mainimage .caption h2 {font-size: 3.75rem; margin: 0 auto 2rem;}
    #mainimage .caption p {font-size: 1.7rem; margin: 0 0 1.5rem;}
    #mainimage .caption a.btn {margin: 0;}
    
    #mainimage .bottomcaption .row > div {margin-top:2rem;}
    #mainimage .bottomcaption .row > div:first-child {margin-top:0;}
    #mainimage .bottomcaption a {-ms-flex-direction: row; flex-direction:row; -webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content: flex-start;}
    
    .indexmiddle {margin-top:3rem; margin-bottom: 6rem;}
    .indexmiddle .index-title {margin-bottom: 3rem;}
    .indexmiddle h2 {line-height: 1.07143em; font-size: 3.25rem;}
    #categoryslide a {font-size: 1.35rem;}
    
    .indexbottom .index-title {margin-bottom: 0rem;}
    .indexbottom h2 {line-height: 1.07143em; font-size: 3.25rem;}
    
    /* Inside pages */
    .pagetitle {padding-top:3.605rem; margin-bottom: 4.75rem;}
    .pagetitle h1 {font-size: 4.1rem; line-height: .9854em;}
    
    .subtitle > h2 {line-height: 1.07143em; font-size: 53px;}
    
    .leftcolumn.col-lg-3 {width:30%;}
    .rightcolumn.col-lg-9 {width:70%; margin-top:0; padding-left:50px;}
    
    .leftcolumn .sidebar {border-radius:6px; padding: 2rem 1.5rem; background:#fff;}
    .leftcolumn .sidebar:before {content: ''; transform: rotate(15deg) translate3d(0,0,0); position: absolute; top:5%; left: 0; bottom: 5%; right:20%; background:linear-gradient(30deg,#6746e8,#009cbd); border-radius: 50%; filter: blur(100px); z-index: -1;}
    .navbar-expand-lg #accordion {display:block !important;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
    
    #accordion .accordion-item {animation: flipdown 0.5s ease both; animation-delay:0.5s; padding: 0;}
    #accordion .accordion-item > h3.active > a:before {left: -1.5rem;}
    
    #accordion.locationlist .accordion-item > h3 > a.activelink:before {left: -1.5rem;}
    
    #accordion .accordion-item .accordion-body {max-height:600px;}
    
    .top-pagination {margin:0 0 3.25rem 0}
    
    /* Vendors */
    #vendordiscounts .top-pagination {margin:0 0 2.75rem 0}
    
    /* New Vendors */
    #newvendors .top-pagination {margin:0 0 2.75rem 0}
    
    /* Cats */
    #cat .top-pagination {margin:0 0 2.75rem 0}
    
    /* Error & Search Pages */
    #list-tab a {flex-basis:24%;}
    
    /* Form Pages */
    .formpage p.formpagetext.largetext {margin-top:-1.5rem;}
    
    /* Mobile App */
    .pagetitle.mobileapptitle {margin-bottom: 3.5rem;}
    
    /** Information Pages **/
    .infotop #mainimage {padding-bottom: 75px;}
    .infotop #mainimage .caption p {font-size: 1.375rem;}
    #infoboxes .flex-item > a {min-height:200px;}
    #infoboxes .flex-item > a h3 {font-size: 1.35rem;}
    
    .formouter .formbody > * {width: 85%; margin-left: 7.5%;}
    .formouter .formbody form {width: 85%; margin-left: 7.5%;}
    .formouter .formbody > #enrollformresponse {width:100%; margin-left: auto;}
    .formbody.success .rightoutput h3 {font-size: 1.5rem; line-height:1.2;}
    
    .hospitalweek h2 {margin-top:-1.5rem;}
    
}

@media (min-width: 1200px) {
    
    #main:before {max-height:1002px;}
    
    /* Header */
    #mainmenu2 ul.menu > li {width:80%;}
    #mainmenu2 ul.menu > li > a {font-size: 2.1rem; }
    
    #searchmenu > div { width:80%}
    
    /* Index */
    #mainimage .slideimage {height:100%;}
    #mainimage .slideimage img {height:585px;}
    #mainimage .caption h2 {font-size: 4.2rem; }
    
    #mainimage .bottomcaption .row > div {margin-top:0;}
    #mainimage .bottomcaption a {-ms-flex-direction: column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;}
    
    #categoryslide a {padding: 1.5rem 2rem;}
    
    /* Inside pages */
    .pagetitle h1 {font-size: 4.68rem; line-height: .96154em;}
    .leftcolumn.col-lg-3 {width:25%;}
    .leftcolumn .sidebar {padding: 2.5rem 2rem;}
    #accordion .accordion-item > h3.active > a:before {left: -2rem;}
    #accordion.locationlist .accordion-item > h3 > a.activelink:before {left: -2rem;}
    
    .rightcolumn.col-lg-9 {width:75%;}
    
    .mixitup-page-stats > div {font-size: 1.65rem; line-height: 1.2em;}
    
    /* Vendors */
    #vendordiscounts .item a span.outerimg {padding: 0.75rem .35rem 0 .35rem;}
    
    /* New Vendors */
    #newvendors .item a span.outerimg {padding: 0.75rem .35rem 0 .35rem;}
    
    /* Cats */
    #cat .item a span.outerimg {padding: 0.75rem .35rem 0 .35rem;}
    
    /* Error Pages */
    #searchouter {max-width: 90%;}
    .resultstext {font-size: 1.65rem; line-height: 1.2em;}
    #list-tab a {flex: 1;}
    
    /* Mobile App */
    .appslides .appbox > div {padding:1.5rem 2rem 1.75rem}
    
    /** Information Pages **/
    #infoboxes .flex-item > a {padding: 1.5rem 2rem; min-height: 230px;}
    .insideinfo h2.title {font-size: 2.5rem}
    
    /* Appreciation Week */
    .hospitalweek .card-body {padding:1.5em 2em 1.75em;}
}

@media (min-width: 1400px) { /* XXL */
    
    
    /* Header */
    .logo-menu {position: relative; height:100%; flex-grow: 0; width:auto; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; gap:4em;}
    a.navbar-brand:after {content: ''; position: absolute; right: -2em; height:100%; border-right:1px solid #d9ddea;}
    
     /**** Hospital Week Menu
    #mainmenu.extrabutton.d-xxl-flex {display: none !important;}
    #mainmenu2.d-xxl-none {display: block !important;}
    .navbar-toolbar button.navbar-toggler.d-xxl-none {display: flex !important;}
     /**** END Hospital Week Menu ****/
    
    #mainmenu {position: relative; height:auto; flex-grow: 0; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; padding: 0;}
    #mainmenu > ul {position: relative; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;}
    #mainmenu > ul > li {position: relative; margin: 0 14px; border:none;}
    #mainmenu > ul > li:first-child {margin-left: 0;}
    #mainmenu > ul > li:last-child {margin-right: 0;}
    #mainmenu > ul > li > a {position: relative;color:#32335a; text-decoration: none;letter-spacing: -0.02em; border:0 none;}
    #mainmenu > ul > li > a:hover {color:#485cc7}
    #mainmenu > ul > li.dropOpen > a {color:#485cc7}
    #mainmenu > ul > li > a i {font-size: 0.5em; line-height: 1; position: relative; margin-left: .75em; color:#485cc7}
    #mainmenu > ul > li > a span {position: relative;}

    #mainmenu .sub-menu {position: absolute; top:auto; opacity:0; visibility: hidden;transform: scale(1,0); height: auto; display: block; z-index: 5; border: none; width:auto; transform-origin: 0 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 12px 0; border-radius:0; }
    #mainmenu .sub-menu > ul:after {content: ''; bottom:100%; left:15%; border: solid transparent; height:0; width:0; position: absolute; pointer-events: none; border-color:rgba(255,255,255,0); border-bottom-color: #fff; border-width:8px; margin-left: -8px;}
    #mainmenu .sub-menu > ul {width:auto; min-width:280px; padding: 1.8rem 1.25rem; border-radius:6px; box-shadow: 0 15px 45px rgba(19,22,95,0.2); background-color:#fff; position: relative;}
    #mainmenu .sub-menu > ul li {position: relative; display: block; margin: 0 auto 1.2rem;}
    #mainmenu .sub-menu > ul li:last-child {margin-bottom:0;}
    #mainmenu .sub-menu > ul li a {position: relative; display: block; font-size: 1.08rem; line-height: 1.3em; color:#32335a; text-decoration: none; letter-spacing: -0.02em; padding: 0; margin:0;}
    #mainmenu .sub-menu > ul li.nothing a {cursor: text;}
    #mainmenu .sub-menu > ul li a:hover {color:#485cc7; text-decoration: none;}
 
    #mainmenu li.hasdrop.dropOpen .sub-menu {opacity: 1; visibility: visible; transform: scale(1);}
    
    #mainmenu2 ul.menu > li {width:70%;}
    #searchmenu > div { width:70%}
    
    /* Index */
    #mainimage {/*height:640px;*/}
    #mainimage .slideimage {/*right:-18%;*/}
    #mainimage .slideimage img {height:625px;}
    
    /* Vendors */
    #vendordiscounts .grid .item {width: 20%;}
    #vendordiscounts .item a span.outerimg {padding:0.75rem 0 0 0}
    
    /* New Vendors */
    #newvendors .grid .item {width: 20%;}
    #newvendors .item a span.outerimg {padding:0.75rem 0 0 0}
    
    /* Cats */
    #cat .grid .item {width: 20%;}
    #cat .item a span.outerimg {padding:0.75rem 0 0 0}
}

@media (min-width: 1500px) {
    /**** Hospital Week Menu 
    #mainmenu.extrabutton.d-xxl-flex {display: flex !important;}
    #mainmenu2.d-xxl-none {display: none !important;}
    .navbar-toolbar button.navbar-toggler.d-xxl-none {display: none !important;}
    .navbar-toolbar a.btn br {display: block;}
    /**** END Hospital Week Menu ****/
}

@media (min-width: 1500px) and (max-width: 1550px) {
    /**** Hospital Week Menu 
    .navbar-toolbar a.btn br {display: none;}
    /**** END Hospital Week Menu ****/
}

@media (min-width: 1600px) {
    /**** Hospital Week Menu 
    .mainheader .container-fluid {padding-top:1.5em; padding-bottom: 1.5em;}
    a.navbar-brand img {width:255px;}
    .navbar-toolbar a.btn br {display: none;}
    /**** END Hospital Week Menu ****/
}

@media (max-width: 991px) {
    
    /* Index */
    .indextop.container-fluid {padding: 0; width:100%;}
    #mainimage .slideimage {display: none;}
    #mainimage .caption > div {width:90%; padding: 1.5rem 0 0 0;}
    #mainimage .caption > .bottomcaption {padding: 0; margin: 2.5rem 0 0 0;}
    
     /* Inside Pages */
    .breadcrumbs ul {height: 3.295rem;}
    .breadcrumbs ul li {display: none;}
    .breadcrumbs ul li span {display: none;}
    .breadcrumbs ul li:nth-last-child(2) {display: block;}
    .breadcrumbs ul li:nth-last-child(2):before {font-family: 'centra';content: "\e925";color:#485cc7;font-size: 0.65rem; position: relative; margin-right:.5rem;}
    .breadcrumbs ul li a {color:#485cc7;font-weight: 600;font-size: 0.88rem;}
    
   /* .breadcrumbs ul li.last a {cursor: pointer;color:#485cc7}
    .breadcrumbs ul li.last a:hover {text-decoration: underline;}
    .breadcrumbs ul li span {padding: 0 0.5rem 0 0; opacity: 1;}
    .breadcrumbs ul li span i {transform: rotate(180deg);color:#485cc7;top:0;font-size: 0.7rem;}*/
    
    /* Information Pages */
    .infotop.container-fluid {padding: 0; width:100%;}
}
@media (max-width: 767px) {
    /* Header */
    .topbar .container-fluid {-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; height:2.2rem;}
    .navbar-toolbar button {height:45px; font-size: .9rem;}
    .navbar-toolbar button.search-toggler span {display: none;}
    .navbar-toolbar button span {top:-2px;}
    .navbar-toolbar button.search-toggler i {margin:auto; font-size: 1.05rem;}
    .navbar-toolbar button.navbar-toggler i {font-size: 1.05rem; }
    
    /* HOSPITAL WEEK 
    .navbar-toolbar a.btn {height:45px; font-size: .9rem;}
    /* HOSPITAL WEEK */
    
   /**** INFORMATION PAGES ****/
    .contacttext > span:first-child > i {display:none;}
    .contacttext > span:first-child br {display: block;}
    
    .formbody table.formtable td {width:100%; display:block; height:auto; text-align: left;}
	.formbody table.formtable td label.control-label {padding: 10px 0px 0px 0px; margin-bottom:5px;}
    .formbody table.formtable td.answer {margin-bottom:15px; margin-top:0px;}
	.formbody table.formtable.text td {padding-top:15px;}
	.formbody table.formtable.text td.lasttext {padding-top:15px;}
	.formbody table.formtable.signaturetable {margin-top:0px;}
	.formbody table.formtable.signaturetable td {text-align: center;}
	.formbody table.formtable.signaturetable td.tablespace {display:none;}
	.formbody table.formtable.signaturetable td:not(.answer) {height:auto;}
	.formbody table.formtable.signaturetable td.answer {margin-top:15px; margin-bottom:0px;}
	.formbody table.formtable.signaturetable td input.form-control {text-align: center;}
	.formbody table.formtable.signaturetable td input[type=button] {text-align: center;}
	.formbody table.formtable.signaturetable #hiddenImage img {margin: 0 auto;}
    
    /* Signatures */
	#signature-pad {max-width:95%;}
    
    /* Response */
	.formbody.success #enrollformresponse .otherLinks {}
    
}

@media (max-width: 575px) {
    /* Header */
    .navbar-toolbar button {height:41px; font-size: .825rem;}
    .navbar-toolbar button.search-toggler i {font-size: 0.95rem;}
    .navbar-toolbar button.navbar-toggler i {font-size: 0.95rem; }
    
    /* Inside Pages */
    .leftcolumn .sidebar a.toggle {width:100%;font-size: 0.9rem;}
    .leftcolumn .sidebar a.toggle i {position: relative; margin-top: 0; height:auto; margin: 0 0.4rem;}
    .leftcolumn .sidebar a.toggle i.icon-menu {top:1px;}
    .page-item:not(.page-arrow) {display: none;}
    
    #accordion .accordion-item > h3 > a {font-size: .95rem;}
    #accordion .accordion-item .accordion-body ul li a {font-size: 0.9em;}
    
    /* Error Pages */
    #searchouter form .input-group {-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center;}
    #searchouter form input {width:100%; margin-bottom: 1rem; margin-right:0; border-radius: 6px;}
    #searchouter form button {margin: 0 auto; max-width: 100%; border-radius: 6px;}
}

@media (max-width: 480px) {
    /**** Information ****/
    .contacttext {margin: 5px auto 25px auto;}
    .contacttext > span {font-size:15px; line-height:20px;}
    .contacttext > span:last-child br {display: block;}
    .contacttext > span:last-child > i:nth-child(4) {display: none;}
	.contacttext > span:last-child > i:nth-child(6) {display:none;}
}

@media (max-width: 410px) {
    /* Response */
	.formbody.success .rightoutput {padding: 0;}
	.formbody.success .leftoutput {padding: 0; }
}

@media (max-width: 390px) {
    /** Information Pages **/
    #mainimage {padding-bottom: 30px;}
    #information .flex-item {margin-bottom: 1rem;}
}

@media (max-width:375px) {
    /* Response */
	.formbody.success .otherLinks a.btn {display:block; margin: 0 auto;}
	.formbody.success .otherLinks a.btn:last-child {margin-top:10px;}
}

@media (max-width: 350px) {
    /** Information Pages **/
    #information .row {margin:auto;}
    #information .flex-item {width:100%;padding:0; margin-bottom: 0.75rem;}
    
    .contacttext > span {font-size:14px;}
	.formlogo img {width:150px;}
}

html.ie .ltoImage img.img-fluid {width:100% !important;}