@media (min-width: 576px) {
    
    .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:820px; 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;}
    
    .modal.resources .modal-dialog {max-width: 850px;}
    
    #subscribemodal .modal-dialog {max-width: 800px;}
    
    /* Index */
    #indexslides .caption p {font-size: 1.15rem;}
    
    /**** INFORMATION PAGES ****/
    #mainimage .caption p {font-size: 1.15rem;}
}

@media (min-width: 768px) {
    
    /* Index */
    #indexslides .caption h1 {font-size: 2rem;}
    #indexslides .caption p {font-size: 1.25rem;}
    
    .indexbottom .form-container form {width:90%;}
    .indexbottom .form-container .form-group.first {width:49%; margin-right:2%;}
    .indexbottom .form-container .form-group.last {width:49%;}
    
    /** Form Pages **/
    .formContainer .form-group.half {width:48%;}
    .formContainer .form-group.half.left {margin-right:4%;}
    
    .bottomsubscribe.card p {font-size: 1rem;}
    
    /* Mobile App */
    .apptop {text-align: left;}
    .apptop img {margin: 0 auto;}
    .apptop ul {float:left; width:100%; padding: 0 0 0 1rem; margin: 0;}
    .apptop ul li {display:block; margin: 0 0 0.5rem; padding: 0 0 0 1.25rem;}
    .apptop ul li i {font-size:8px; position: absolute; left: 0; top:8px; margin: 0; }
    .apptop .subtitle h4 {text-align: left;}
    .apptop h5 {text-align: left;}
    
    /**** INFORMATION PAGES ****/
    #mainimage .caption h1 {font-size: 2rem;}
    #mainimage .caption p {font-size: 1.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 {font-size: 1.5rem;}
    .formbody.success #enrollformresponse .rightoutput h5 {font-size: 1.3rem; margin-bottom: 1.5rem;margin-top:1rem;}
    
    /* Examples */
    #examplepage .slick-slide {padding: 10px 10px 10px 10px; }
    #examplepage .slick-arrow.slick-next {right: -30px;}
    #examplepage .slick-arrow.slick-prev {left: -30px;}
}
@media (min-width: 992px) {
    
    #main {font-size: 18px;}
    #main .container {max-width: 1248px; padding-left: 27px; padding-right: 27px;}
    #main .container > .row {margin-left: -27px; margin-right: -27px;}
    
    .btn.btn-secondary {font-size: 18px;}
    
    /* Header */
    .topbar .container {-webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content: flex-end; padding-top: 5px; padding-bottom: 5px;}
    a.navbar-brand span.alt {font-size: 1.25rem;}
    
    header .navbar .container {height:71px;}
    .navbar-collapse {-webkit-box-pack: flex-end; -ms-flex-pack:end; justify-content: flex-end;}
    .navbar-expand-lg .navbar-nav {-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; text-align: center;}
    .navbar-collapse .navbar-nav li {position: relative;}

    .navbar-collapse .navbar-nav .nav-link {color:#000; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 0.9rem; padding: .7rem .3rem .3rem .3rem;}
    .navbar-collapse .navbar-nav .nav-link:hover {color:#3763A4;}
    .navbar-collapse .navbar-nav li.search {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center;}
    .navbar-collapse .navbar-nav li.search a {color:#000; padding: .7rem .75rem .3rem; font-size: .97rem;}
    .navbar-collapse .navbar-nav li.search a:hover {color:#3763A4;}
    .navbar-collapse li.hasdrop a i {position: relative; font-size: 1rem; margin-left: 5px;}

    .navbar-collapse .navbar-nav .nav-link.dropdown-toggle:after {display: none;}

    .navbar-collapse .dropdown-menu {margin-top: 0; padding-top: .5rem;  box-shadow: 0 .25rem .5625rem -0.0625rem rgba(0,0,0,.03),0 .275rem 1.25rem -0.0625rem rgba(0,0,0,.05); background-color: #fff; border-color:#fff; min-width: 200px; border-radius: 5px;}
    .navbar-collapse .dropdown-menu li.nothing {padding: .425rem 1.3rem; color:#000; width: 250px;}
    .navbar-collapse .dropdown-item {padding: .425rem 1.3rem; color:#000; }
    .navbar-collapse .dropdown-item:active {background-color:transparent;color:#000;}
    .navbar-collapse .dropdown-item.active {background-color:transparent;color:#3763A4;}
    .navbar-collapse .dropdown-item:hover {background-color:transparent;color:#3763A4;}
    
    .navbar-collapse li.hasdrop.dropOpen > .dropdown-menu {display:block; -webkit-animation: slide-up .25s ease-in-out; animation: slide-up .25s ease-in-out;}
    .navbar-collapse li.hasdrop.dropOpen > a {color:#3763A4;}
    
    /* Index */
    #indexslides .item:after {background: linear-gradient(120deg, rgba(17,17,17,0.75) 0%, rgba(17,17,17,0.6) 40%, rgba(17,17,17,0.4) 65%, rgba(17,17,17,0.2) 100%); opacity: 1;}
    #indexslides .item.program:after {background: linear-gradient(120deg, rgba(17,17,17,0.6) 0%, rgba(17,17,17,0.4) 40%, rgba(17,17,17,0.2) 65%, rgba(17,17,17,0.1) 100%); opacity: 1;}
    #indexslides .item.program.two:after {background: linear-gradient(120deg, rgba(17,17,17,0.75) 0%, rgba(17,17,17,0.6) 40%, rgba(17,17,17,0.4) 65%, rgba(17,17,17,0.2) 100%); opacity: 1;}
    #indexslides .caption > div {width:60%; text-align: left; margin-top: -15rem;}
    #indexslides .caption h1 {font-size: 2.25rem;}
    #indexslides .caption p {font-size: 1.45rem;}
    #indexslides .caption a.btn {font-size: 1.1rem;}
    
    #indexslides .slick-arrow {width:40px; font-size: 40px;}
    #indexslides .slick-arrow.slick-prev {left: 10px;}
    #indexslides .slick-arrow.slick-next {right: 10px;}
    
    .indexmiddle {margin-top:-15rem; padding-top: 0;}
    
    /* Inside Pages */
    .fullpagetitle .container-fluid .title {text-align: left;}
    .fullpagetitle.alt .container h1 {font-size: 3.25rem; line-height: 1.3;}
    
    .pagetitle .container .title {text-align: left;}
    .pagetitle .breadcrumbs {margin: 0;}
    .pagetitle .breadcrumbs ul {-ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: start; justify-content: flex-start;}
    
    .subtitle h4 {text-align: left;}
    
    .leftcolumn.col-lg-3 {-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; padding-right: 15px;}
    .rightcolumn.col-lg-9 {-ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; padding-left:20px;}
    .leftcolumn > div {padding: 18px 0px 0px 40px;}
    
    .leftcolumn .navtitle h3 {font-size: 20px;}
    
    .navbar-expand-lg #accordion {display: block !important;}
    #accordion .accordion-item {animation: flipdown 0.5s ease both; animation-delay:0.5s;}
    #accordion .accordion-collapse .accordion-body {max-height: 600px;}
    .accordion h3 {font-size: 18px;}
    .accordion-item .accordion-body ul li a {font-size: 17px;}
    
    /* Discounts & Program Info */
    .toplinks .row {padding-left: 1rem; padding-right: 1rem;}
    .toplinks .col-12 {margin-top: 25px; margin-bottom: 25px;padding-left:20px; padding-right: 20px;}
    .toplinks .card-body a i {font-size: 2.25rem;margin-bottom: 1.75rem;}
    .toplinks .card-body a h6 {font-size: 1.3rem;}
    
    /* New Vendors */
    #newvendors p {padding: 2rem 2rem; background:#fff; border-radius: 20px; box-shadow: 0 2px 4px rgba(0,0,0,.2); border: 1px solid #e7e7e7;}
    
    /* Business */
    .businesslinks > ul > li > a.btn {font-size: 18px;}
    
    /* Form Pages */
    p.formpagetext {text-align: left;}
    
    /* Error Pages */
    #searchgrid .mix a {font-size: 1.25rem;}
    #searchgrid .mix a span.busname {margin: 0 0 1rem 0;}
    #searchgrid .mix a span.textlink {font-size: 18px;}
    #list-tab a {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
    
    /* Search Page */
    #resultsgrid .mix a {font-size: 1.25rem;}
    #resultsgrid .mix a span.busname {margin: 0 0 1rem 0;}
    #resultsgrid .mix a span.textlink {font-size: 18px;}
    
    /**** INFORMATION PAGES ****/
    #mainimage > div:after {background: linear-gradient(120deg, rgba(17,17,17,0.75) 0%, rgba(17,17,17,0.6) 40%, rgba(17,17,17,0.4) 65%, rgba(17,17,17,0.2) 100%); opacity: 1;}
    #mainimage .caption > div {width:60%; text-align: left; margin-top: -15rem;}
    #mainimage .caption h1 {font-size: 2.25rem;}
    #mainimage .caption p {font-size: 1.25rem;}
    
    #information {margin-top:-15rem; padding-top: 0;}
    #information .flex-item {padding: 0 1rem;}
    #infoboxes .card-body {}
    #infoboxes .card-body a > i {font-size: 3rem;height:64px;}
    #infoboxes .card-body p {padding-bottom: 10px;}
    
    .insideinfo h1.title {font-size: 2.5rem;}
    
    a#closebox {width: 3.2rem; height: 3.2rem; right: 4rem; top: 2rem; line-height: 3.2rem;}
    a#closebox i {font-size: 1.5rem;}
    
    .insideinfo h1.title {padding: 0;}
    
    .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;}
    
    /* Example Page */
    #examplepage .center {padding: 10px 15px 0 15px;}
    #examplepage .slick-slide {padding: 10px 0 10px 0;}
    #examplepage .slick-slide > div {-webkit-transform: scale(.5); transform: scale(.5);}
    #examplepage .slick-center > div {-webkit-transform: scale(1); transform: scale(1);}
    #examplepage .zoomlink {display:none;}
    #examplepage .slick-center .zoomlink {display:block;}
    #examplepage .slick-arrow.slick-next {right: 0px;}
    #examplepage .slick-arrow.slick-prev {left: 0px;}
    
    #examplepage .item .iteminfo h5 {font-size: 18px;}
}
@media (min-width: 1050px) {
    /* Header */
    a.navbar-brand span.alt {font-size: 1.3rem;}
    .navbar-collapse .navbar-nav .nav-link {padding: .7rem .4rem .3rem .4rem; font-size: 1rem;}
}

@media (min-width: 1200px) {
    
    /* Header */
    .topbar #mobilebutton {}
    a.navbar-brand span.alt {font-size: 1.5rem;}
    .navbar-collapse .navbar-nav .nav-link {padding: .7rem .5rem .3rem .5rem;}
    
    /* Index */
    #indexslides .item.program .caption > div { margin-top: -10rem;}
    #indexslides .item.program.two .caption > div { margin-top: -15rem;}
    #indexslides .caption h1 {font-size: 2.5rem;}
    #indexslides .caption p {font-size: 1.45rem;}
    
    #indexslides .newvendor .caption > div {width:55%;}
    #indexslides .caption ul li a {line-height: 1.35;}
    
    /* Inside Pages */
    .pagetitle .container h1 {font-size: 36px;}
    
   
    /**** INFORMATION PAGES ****/
    #mainimage .caption h1 {font-size: 2.5rem;}
    #mainimage .caption p {font-size: 1.45rem;}
    .infotext {padding: 1.5rem 2rem;}
    
}
@media (min-width: 1250px) {
    .navbar-collapse .navbar-nav .nav-link {font-size: 1rem;}
}

@media (min-width: 1300px) {
    a.navbar-brand span.alt {font-size: 1.75rem;}
}

@media (min-width: 1400px) {
    a.navbar-brand span.alt {font-size: 2.25rem;}
}

@media (max-width: 991px) {
    /* Header */
    header .navbar .container {padding-top: 1px; }
    a.navbar-brand {min-height:59px;}
    
    #navbarCollapse {z-index: 2; position: relative;}
    #navbarCollapse > ul {padding-bottom: 1rem;}
    .navbar-collapse .nav-item.search {display: none;}
    .navbar-collapse .nav-item {background-color:#fff; margin-bottom: .667rem; border-radius: 5px;}
    .navbar-collapse .nav-item:first-child {margin-top: .667rem}
    .navbar-collapse .navbar-nav .nav-link {padding: 0.75rem 1rem; color:#444}
    
    /* Inside Pages */
    .leftcolumn > div {border-radius: 20px; background-color: #fff; padding: 1.5rem; box-shadow: 0 2px 4px rgba(0,0,0,.2);border:1px solid #e7e7e7;}
    
    /* Mobile App */
    .appslides {display: block;}
    .appbottom .card {margin: .8rem auto; width:100%;}
    .appbottom .card:first-child {margin-bottom: 1.5rem;}
}

@media (max-width: 767px) {
    
    /* Index */
    
    
    /** INFORMATION PAGES **/
    
    #infoboxes .card-body {padding: 1.25rem 0.75rem;}
    
    .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 {margin: 0.5rem auto 0 auto;}
}

@media (max-width: 600px) {
    /**** Information ****/
    .formbody.success .otherLinks a.btn { margin: 5px 5px;}
    
}

@media (max-width: 575px) {
    
    /* Header */
    a.navbar-brand {font-size: 2.75rem;}
    .navbar-brand img {width:45px;}
    div.navbar-toolbar > button {padding: 9px 14px;}
    button.navbar-toggler span.line {margin-right: 0;}
    button.navbar-toggler span.text {display: none;}
    
    /* Index */
    #indexslides .caption {-webkit-box-align: flex-start; -ms-flex-align: start; align-items: flex-start;}
    #indexslides .caption h1 {font-size: 1.3rem; padding-top:1rem;}
    #indexslides .caption p {line-height: 1.25;}
    
    /**** Information ****/
    #mainimage .caption {-webkit-box-align: flex-start; -ms-flex-align: start; align-items: flex-start;}
    #mainimage .caption h1 {font-size: 1.3rem; padding-top:1rem;}
    #mainimage .caption p {line-height: 1.25;}
}

@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) {
    
    /* Index */
    #indexslides .caption {padding: 0; }
    #indexslides .caption h1 {font-size: 1rem; margin: 0; padding-top:0.3rem;}
    #indexslides .caption p {font-size: 15px; margin: 0.5em 0 0 0;}
    
    /**** INFORMATION PAGES ****/
    #mainimage .caption {padding: 0; }
    #mainimage .caption > div {}
    #mainimage .caption h1 {font-size: 1rem; margin: 0; padding-top:0.3rem;}
    #mainimage .caption p {font-size: 15px; margin: 0.5em 0 0 0;}
    
    a#closebox {width: 2rem; height: 2rem; line-height:2rem; top: 0.75rem; right: 0.75rem; }
    a#closebox i {font-size: 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 ****/
    .contacttext > span {font-size:14px;}
	.formlogo img {width:150px;}
}

html.ie .ltoImage img.img-fluid {width:100% !important;}
html.ie .topbar #translatebutton {display:none;}

/* Index */
html.ie #categoryslide a {width:100%; display: table; height:160px;}
html.ie #categoryslide a > span {display:table-cell; vertical-align:middle;}

/* Form Pages */
html.ie .formContainer .form-group.select i {display: none;}