@media (min-width: 576px) {
    .modal.adimage .modal-dialog {max-width:800px;}
    .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: 800px;}
    #subscribemodal .subscribeindex form {padding: 15px;}

    .modal.resources .modal-dialog {max-width: 850px; width: auto;}
    
    /* Index */
    #indexslides .swiper-slide img {height:595px}
    #categoryslide a {height:173px;}
    
    /* Business */
    .bus-image > div {width:520px;}
    #alternate-ad {width:520px;}
    
    /***** Information Pages *****/
    #mainimage .slideimage img {height:595px;}
}

@media (min-width: 768px) {
    h2 {font-size: 40px;}
    h3 {font-size: 30px;}
    h4 {font-size: 25px;}
    h5 {font-size: 22px;}
    
    .form-control {padding:18px 25px;}
    
    /* Index */
     .indexmiddle2 .indextitle {padding: 0 30px; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex;-webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content: space-between; align-items: center;}
    #newvendorslide .swiper-slide {width:180px;}
    
    /* Inside Pages */
    h4.navtitle {font-size: 28px;}
    .title h2 {font-size: 46px;}
    
    /* Error & Search Pages */
    #list-tab a {flex-basis:24%;}
    
    /* FAQS */
    #faqs .faqs h4 {font-size: 22px;}
    
    /***** Information Pages *****/
    .insideinfo h2.title {font-size: 36px;}
    
    /* 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;}
    
    
    .formbody.success #enrollformresponse .leftoutput {}
    .formbody.success #enrollformresponse .leftoutput img {width:200px;}
    .formbody.success #enrollformresponse .rightoutput {text-align: left;}
    .formbody.success #enrollformresponse .rightoutput h3 {margin-bottom: 0;}
    .formbody.success #enrollformresponse .rightoutput h5 {text-align: left;margin-top:1rem; margin-bottom: 1rem; font-size: 1.2rem; font-weight: 500;}
    
}

@media (min-width: 992px) {
    
    .pagewrapper {padding-top:162px;}
    
    /* Header */
    header .sitename > div {height:auto; -webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content: flex-end;}
    header .sitename > div > h1 {padding: 0 15px 0 0;}
    header .navbar a.navbar-brand img {width:130px;}
    
    #navbarCollapse .sub-menu[data-visually-hidden="true"] {top:110%;opacity: 0; visibility: hidden;}
    #navbarCollapse .sub-menu[data-visually-hidden="false"] {top:100%; opacity: 1; visibility: visible;}
    #navbarCollapse > ul .nav-item a {padding:20px 15px; }
    #navbarCollapse > ul .nav-item a.dd-menu {padding-right:30px;}
    
    /* Index 
    #indexslides .swiper-slide {height:480px;}
    #indexslides h1 {font-size: 45px; line-height: 60px;}
    #indexslides .slideimage {margin: 0;}*/
    
    /* Index */
    #indexslides .swiper-slide img {height:525px;}
    #indexslides .swiper-slide.showid img {object-position: 0% 40%;}
    #indexslides .caption h2 {font-size: 50px;}
    #indexslides .caption p {font-size: 20px;}
    #indexslides .contactslide .caption p {font-size: 30px; line-height: 36px;}
    
    .indextitle h2 {font-size: 36px;}
    #categoryslide a span.card-body {padding: 25px 12px 25px 12px;}
    
    /* Inside Pages */
    .breadcrumbs ul li {font-size: 20px;}
    .breadcrumbs ul li span {font-size: 30px;}
    
    .subtitle h3 {font-size: 32px;}
    
    .leftcolumn.col-lg-4 {width:35%;}
    .rightcolumn.col-lg-8 {width:65%;}
    .leftcolumn .sidebar {padding:30px;margin-left:30px;}
    .leftcolumn .sidebar h4.navtitle {font-size: 32px}
    
    .navbar-expand-lg #accordion {display:block !important; }
    #accordion .accordion-item {animation: flipdown 0.5s ease both; animation-delay:0.5s;}
    #accordion .accordion-item .accordion-body {max-height:565px;}
    #accordion .accordion-item .accordion-body ul li a {font-size: 18px;}
    
    /* Discounts & Program Info */
    .toplinks a {padding:30px;}
    .toplinks a i {width:78px; height:78px; font-size: 40px;}
    .toplinks a h4 {font-size: 24px;}
    
    /* Error & Search Pages */
    #searchouter {width:75%;}
    #list-tab a {flex: 1; flex-basis: 15%;}
    

    /* LTO Page */
    .ltopagetext p {}
    .subtitle.ltotitle h3 {text-align: left;}
    
    /* Form Pages */
    p.formpagetext {}
    
    /* Contact */
    .contactrow .leftcolumn .sidebar {margin-left:auto;}
    
    /* Mobile App */
    .appslides .appbox > div > i {font-size: 40px; width:78px; height: 78px;}
    
    /***** Information Pages *****/
    #mainimage .slideimage img {height:525px;}
    #mainimage .caption h2 {font-size: 50px;}
    #mainimage .caption p {font-size: 20px;}
    
    a#closebox {right: 4rem; top: 1rem;}
    a#closebox i {font-size:30px;}
    
}

@media (min-width: 1200px) {
    /* Header */
    header .navbar a.navbar-brand img {}
    #navbarCollapse > ul .nav-item a {padding:20px;}
    
    /* Index 
    #indexslides .swiper-slide  {height:575px;}*/
    
    /* Inside Pages */
    .leftcolumn.col-lg-4 {width:31%;}
    .rightcolumn.col-lg-8 {width:69%;}
    .mixitup-page-stats {font-size: 18px;}
    
    /* Business */
    .subtitle.businesspage {text-align: left;}
    #bus {flex-direction: row; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: start; justify-content: flex-start;}
    .businesslinks {margin-top:0;}
    .businessContent {margin-right:2rem;}
    .businesslinks > ul { flex-direction: column; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: start; align-items: flex-start;}
    .businesslinks > ul li {padding: 0 0 1rem; flex-grow: 1; width:100%;}
    .businesslinks > ul > li > a.btn { width: 100%}
    
    
    
    /* Contact */
    .contactrow .leftcolumn .sidebar {margin-left:30px;}

    /*** Information Pages ***/
    .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;}
    
}

@media (min-width: 1400px) {
    /* Index 
    #indexslides .swiper-slide  {height:655px;}*/
    
    /* Index */
    #indexslides .swiper-slide.substitute img {object-position: 30% 0;}
    #categoryslide a span.card-body {padding: 25px 20px 25px 20px;}
    
    /* Inside Pages */
    .leftcolumn.col-lg-4 {width:33.33333333%;}
    .rightcolumn.col-lg-8 {width:66.66666667%;}
    .leftcolumn .sidebar {margin-left:40px;}
    
    /* Vendors */
    #vendordiscounts .grid .item {width:20%; padding:10px;}
    
    /* New Vendors */
    #newvendors .grid .item {width:20%; padding:10px;}
    
    /* National Discounts */
    #nationaldiscounts .grid .item {width:20%; padding:10px;}
    
    /* Cats */
    #cat .grid .item {width:20%; padding:10px;}
    
    /* Business */
    .bus-image > div {width:575px;}
    #alternate-ad {width:575px;}
    
    /* Contact */
    .contactrow .leftcolumn {width:33.33333333%;}
    .contactrow .leftcolumn .sidebar {margin-left:40px;}
    .contactrow .rightcolumn {width:66.66666667%;}
}

@media (min-width: 1600px) {
    /* Index 
    #indexslides .swiper-slide  {height:800px;}*/
    
    
    
    
}

@media (max-width:1199px) {
    /* Contact */
    .contactrow .leftcolumn {margin-left: auto;margin-right:auto;}
    .contactrow .leftcolumn .sidebar {position: relative; left:auto; top:auto;}
    .contactrow .rightcolumn {padding-top:0;}
}

@media (max-width: 991px) {
    /* Header */
    #navbarCollapse {position: absolute; top:115%;left:0;width:100%; background-color: #fff;z-index: 9; box-shadow: 0 15px 20px 0 rgba(5,20,65,.1); padding: 10px 20px; max-height: 350px; overflow-y: scroll; }
    header .navbar ::-webkit-scrollbar {width:8px; }
    header .navbar ::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 20px;}
    header .navbar ::-webkit-scrollbar-thumb {background: #aaa;border-radius: 20px;}
    header .navbar ::-webkit-scrollbar-thumb:hover {background: #AD0000;}
    #navbarCollapse .sub-menu.dropdown-menu:not(.show) {display: none;}
    #navbarCollapse .sub-menu {position: relative; width:100%; opacity: 1; visibility: visible; box-shadow: none;}
    #navbarCollapse .sub-menu:after {display: none;}
    
    #navbarCollapse > ul .nav-item a {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content: space-between; padding: 10px 0;}
    #navbarCollapse > ul .nav-item a.dd-menu:after {display: none;}
    #navbarCollapse > ul .nav-item a.dd-menu i {top:10px;}
    #navbarCollapse > ul .nav-item a.dd-menu.show i {transform: rotate(180deg);}
    
    #headsearch {margin: 10px auto 15px; width:100%;}
    
    /* Index 
    #indexslides {padding-top:50px;}
    #indexslides .slideimage {position: relative; width:100%; top:0; transform: translate(0,0);}*/
    
    /* Inside Pages */
    .maincontent > .container > .row {margin-left:auto; margin-right:auto;}
    .leftcolumn .sidebar{position: absolute;width:100%;left: 0;top:100%;background:#fff; z-index: 1;}
    #accordion {max-height: 250px;}
    #accordion .accordion-item:first-child {margin-top:20px;}
    #accordion .accordion-item .mCSB_outside+.mCSB_scrollTools {right:0;}
    .rightcolumn {padding-top: 98px; padding-left:0; padding-right:0;}
    
    /** Information Pages **/
    .formbody form #formsubmit {font-size: 16px;}
}

@media (max-width: 767px) {
    /* Footer */
    footer .copyright {text-align: center; margin: 0 auto 10px;}
    footer .footerlinks ul {-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;}
    
    /** Information Pages **/
    .contacttext > span:first-child > i {display:none;}
    .contacttext > span:first-child br {display: block;}
    
    .formbody .form-group label {text-align: center;width:100%;}
    .formbody .signaturetable input.form-control {text-align: center;}
    .formbody .signaturetable #hiddenImage img {margin: 0 auto;}
    
    /* Signatures */
	#signature-pad {max-width:95%;}
    
    /* Response */
	.formbody.success .otherLinks a.btn.btn-primary {min-width: 175px;}
}

@media (max-width: 575px) {
    
    /* Inside Pages */
    .top-pagination {-ms-flex-direction:column; flex-direction: column; text-align: center;}
    .top-pagination > * {margin-bottom: 10px;}
    .top-pagination > *:last-child {margin-bottom: 0;}
    .pagination-buttons .newvendorfilter a.btn {font-size: 16px;}
    .selectview button#showall {font-size: 16px;}
    
    #form-outer > form .row {flex-direction: column;}
    #form-outer > form .col {width:100%; margin-bottom: 1rem; margin-right:0;}
    #form-outer > form .col-auto {margin: 0 auto; max-width: 100%;}
    
    /* RESOURCE LIBRARY */
    .resourcerow .card-footer a.btn:first-child {margin-right:5px;}
    
    /** Information Pages **/
    .contacttext > span {font-size: .925rem;}
    .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;}
    .contacttext > span i {font-size: 5px;}
    .formbody label {font-size: .95rem;}
    
    /* Response */
    .formbody.success .otherLinks {flex-direction: column;}
    .formbody.success .otherLinks a.btn.btn-green {min-height:50px;}
}

@media (min-width: 480px) and (max-width: 575px) {
    .container {width: 450px; flex-grow: 0;}
    header .container {flex-grow: 0;}
}

@media (max-width: 480px) {
    /* Header */
     header .sitename > div > span > span {display: none;}
    
    /** Information Pages **/
    body.infopage .insideinfo > .container {width:95%;}
    #mainimage .slideimage img {object-position:45% 0;}
    #mainimage .caption h1 {font-size: 40px; line-height: 55px;}
    #mainimage .caption p {margin: 0;}
    body.infopage .indexmiddle.py-5 {padding-top:2rem !important;}
    
    .formlogo img {width:175px;}
    .contacttext > span {font-size: .825rem;}
}

@media (max-width: 390px) {
    /*** Information Pages ***/
    .insideinfo .infoform.formContainer .form-group label {font-size: .925rem;}
    .insideinfo .infotext p {font-size: .925rem;}
    form#enrollment .enrolltext p {font-size: .925rem;}
}

@media (max-width: 375px) {
    .pagewrapper {padding-top:108px;}
    
    /* Header */
    header .sitename > div {height:26px;}
    header .sitename > div > span {font-size: 15px;}
    
    /*** Information Pages ***/
    /* 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 **/
    #mainimage .slideimage img {height:350px;}
    #mainimage .caption h1 {font-size: 30px; line-height: 40px;}
    #mainimage .caption p {font-size: 16px; line-height: 20px;}
    
    .formbody.p-4 {padding-left:1rem !important; padding-right:1rem !important;}
    .formlogo img {width:150px;}
    .contacttext > span {font-size: .8rem;}
}

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