@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: 760px; width: auto;}
    .modal.lto .modal-dialog {max-width: 850px; width: auto;}
    #qrcode.modal .modal-body {padding: 20px 15px;}
    #qrcode.modal .modal-body img {width:350px;}
    
    .modal.resources .modal-dialog {max-width:800px;}
    
    #subscribemodal .modal-dialog {max-width:600px;}
    
    /* Header */
    #searchmodal .modal-dialog {max-width:900px;}
    .bottomhead > .container-fluid { -webkit-box-pack: space-between; -ms-flex-pack:justify; justify-content: space-between;}
    
    /* Index */
    .indexbottom .form-container {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%;}
    
    /* Business */
    .bus-image > div {width:520px;}
}

@media (min-width:768px) {
 
    /* Index */
    #indexslides .caption > div {max-width: 60%;}
    #indexslides .caption h1 {font-size: 42px;}
    #indexslides .caption p {font-size: 22px; line-height: 1.3;}
    
    /* Information */
    #mainimage .caption > div {max-width: 50%;}
    #mainimage .caption h1 {font-size:36px;}
    #mainimage .caption p {font-size: 18px; line-height: 1.3;}
    
    .flex-wrapper {display:-ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; }
    .flex-wrapper > div {display:-ms-flexbox; display: flex; float:left; padding-left: 10px; padding-right: 10px; position: relative; z-index: 10;}
    .formbody table.formtable.text td {font-size:16px; line-height: 23px;}
    
    /* 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 */
	/*#enrollform .formbody.success {width:80%; margin-left: 10%;}*/
    #enrollmentform.infobox .form-horizontal .control-label {padding-top: 7px; margin-bottom: 0; text-align: right;}
	.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%;}
	.formbody.success #enrollformresponse .rightoutput h3 {}
	.formbody.success #enrollformresponse .rightoutput h5 {padding: 15px 0 10px;}
    
}

@media (min-width:992px) {
 
    /* Index */
    #indexslides .caption > div {max-width: 650px;}
    #indexslides .caption h1 {font-size: 52px;}
    #indexslides .caption p {font-size: 26px; line-height: 1.3;}
    #indexslides .caption a.btn {font-size: 17px;}
    
    /* Inside Pages */
    .innercontent .rightcolumn {padding-left:42px;}
    .rightcolumn {-ms-flex: 0 0 73%; flex: 0 0 73%; max-width: 73%;}
    .leftcolumn {-ms-flex: 0 0 27%; flex: 0 0 27%; max-width: 27%;}
    
    #accordion > ul li.active ul.addscroll {max-height:550px;}
    #busaccordion > ul li.active.needscroll .card-body {max-height:550px;}
    #newvendordd {max-height: 500px;}
    
    /* Discounts */
    .toplinks a.btn {-webkit-box-pack: center;-ms-flex-pack: center; justify-content: center; text-align: center; font-size: 24px; height:90px;}
    .toplinks a.btn i {display: none;}
    
    /* Business */
    .subtitle.businesstitle > h2 {font-size: 32px;}
    
    /* LTO */
    .ltocontent .subtitle > h2 {font-size: 32px;}
    
    /*** FORM PAGES ***/
    .subtitle.form > h2 {font-size: 32px;text-align: left}
    p.formpagetext {text-align: left}
    .formpage.accessibility h3 {text-align: left;}
    
    /* Contact */
    p.formpagetext.contact {width:80%; margin-left: 10%;}
    .formContainer.contact {width:80%; margin-left: 10%;}
    
    /* Mobile App */
    .appbottom .appbox div.instruct-list {height:300px;}
    .appbox > div:hover #apphover {height:300px;}
    
    /* Information */
    #mainimage .caption > div {max-width: 550px;}
    #mainimage .caption h1 {font-size: 52px; line-height:1.1}
    #mainimage .caption p {font-size: 24px; line-height: 1.3;}
    
    .flex-wrapper {-ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-link-pack: center; align-content: center;}
    .flex-wrapper > div {display:-ms-flexbox; display: flex;}
    .flex-wrapper > div:last-child {margin-left: 0; margin-right:0;}
    
    .insideinfo h1.title {text-align: left;}
    .insideinfo h1.title img {margin: 0;}
    
    .formouter .formbody > * {width: 90%; margin-left: 5%;}
    .formouter .formbody form {width: 90%; margin-left: 5%;}
    .formouter .formbody > #enrollformresponse {width:100%; margin-left: auto;}
}

@media (min-width:1050px) {
    
    /* Header */
    #mainmenu > ul > li > a {padding: 20px 10px 18px;}
}

@media (min-width:1200px) {
    
    /* Header */
    #mainmenu > ul > li > a {padding: 20px 21px 18px;}
    #mainmenu > ul > li:first-child > a {padding-left:0;}
    
html.translated-ltr #mainmenu > ul > li > a {padding: 20px 15px 18px;}
html.translated-ltr #mainmenu > ul > li:first-child > a {padding-left:0;}
html.translated-ltr[lang=en] #mainmenu > ul > li > a {padding: 20px 21px 18px;}
html.translated-ltr[lang=en] #mainmenu > ul > li:first-child > a {padding-left:0;}

html.translated-ltr[lang=vi] #mainmenu > ul > li > a {padding: 20px 10px 18px;}
html.translated-ltr[lang=vi] #mainmenu > ul > li:first-child > a {padding-left:0;}
html.translated-ltr[lang=ru] #mainmenu > ul > li > a {padding: 20px 5px 18px;font-size: 14px;}
html.translated-ltr[lang=ru] #mainmenu > ul > li:first-child > a {padding-left:0;}
html.translated-ltr[lang=tl] #mainmenu > ul > li > a {padding: 20px 5px 18px; font-size: 14px;}
html.translated-ltr[lang=tl] #mainmenu > ul > li:first-child > a {padding-left:0;}
html.translated-ltr[lang=fr] #mainmenu > ul > li > a {padding: 20px 5px 18px; font-size: 14px;}
html.translated-ltr[lang=fr] #mainmenu > ul > li:first-child > a {padding-left:0;}
    
    /* Index */
    #indexslides .caption > div {max-width: 700px;}
    #indexslides .caption h1 {font-size: 60px;}
    #indexslides .caption p {font-size: 28px;}
    #indexslides .caption a.btn {font-size: 17px;}
    
    /* Information */
    #mainimage .caption > div {max-width: 550px;}
    #mainimage .caption h1 {/*font-size: 56px;*/ line-height:1.2;}
    #mainimage .caption p {/*font-size: 25px;*/ line-height: 1.4;}

    .insideinfo > .container {max-width: 1100px;}
    #enrollmentform.infobox h1.page-title {margin: 2.5em 0 3em;}
    
}

@media (min-width: 1350px) {
    
    /* Cats */
    #cat .grid .item {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
    
    /* Vendors */
    #vendordiscounts .grid .item {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}  
    
    /* New Vendors */
    #newvendors .grid .item {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%}
    
    /* National Discounts */
    #nationaldiscounts .grid .item {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
    
    /* Information */
    #infoboxes {max-width: 1300px;}
}

@media (max-width: 991px) {
    
    /* Index */
    
    /* Mobile App */
    .appslides {flex-direction: column;}
    
}

@media (max-width: 767px) {
    
    .container-fluid {padding-left:20px; padding-right:20px;}
    
    /* Footer */
    footer .copyright {font-size: 15px; padding-top:10px; padding-bottom: 10px;}
    footer .footerlinks {padding-top:14px; padding-bottom:11px;}
    footer .footerlinks ul li {padding: 0 8px;}
    footer .footerlinks ul li a {font-size: 14px;padding-left:4px; padding-right:4px;}
    
    /* Index */
    #indexslides .caption {padding: 0 20px;}
    
    .slide-arrows {bottom:20px;}
    .slide-arrows button {width:40px; height: 40px;}
    .slide-arrows button i {font-size: 20px;}
    
    .indexvendors .vendor-arrows button.slick-prev { left: 0px;}
    .indexvendors .vendor-arrows button.slick-next { right: 0px;}
    
    /* Inside Pages */
    .fullcolumn .pagetitle:after {display: none;}
    .fullcolumn .pagetitle h1 {font-size: 24px;}
    
    /* Error Page */
    #searchgrid .gridouter .grid > .mix {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;}
    
    /* Search Page */
    #resultsgrid .gridouter .grid > .mix {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;}
    
     /* Mobile App */
    .apptop img {margin-top:25px;}
    .appbottom .appbox div.instruct-list {height:auto; padding: 20px 20px;}
    .appbox > div:hover #apphover {height:150px;}
    
    /* Information */
    #mainimage .caption {padding: 0 20px;}
    #mainimage .caption h1 {font-size: 28px; line-height: 1.1;}
    #mainimage .caption p {font-size: 16px; line-height: 1.4; padding-top:15px;}
    
    .insideinfo h1.title {font-size: 28px;}
    .flex-wrapper > div:nth-child(4) {margin-left:auto; margin-right: auto;}
    .flex-wrapper a.btn {margin-bottom: 0;}
    a#closebox {width:30px; right: 30px; top: 30px;}
    .formbody table.formtable tr {}
	.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: 15px auto 0 auto; padding-top:10px;}
    .formbody.success #enrollformresponse .height > div {text-align:center;}
    .formbody.success .leftoutput {margin-bottom: 15px;}
}

@media (max-width: 600px) {
    
    /**** Information ****/
    #enrollmentform.infobox h1.page-title {margin: 0.7em 0 0.9em;}
	#enrollmentform.infobox h1.page-title span {letter-spacing: 10px; font-size: 100px; top: -40px;}
    .contacttext2 > span:first-child {line-height:1.6;}
    .contacttext2 > span:first-child > i {display:none;}
    .contacttext2 > span:first-child br {display: block;}

	.contacttext > span {}
    .contacttext > span:first-child > i {display:none;}
    .contacttext > span:first-child br {display: block;}
	
	.formbody table.formtable.formactions button.btn {font-size: 17px;}
    .formbody.success .otherLinks a.btn { margin: 5px 5px;}
    
}

@media (max-width: 576px) {
    /* Index */
    #indexslides .caption > div {max-width: 70%;}
    #indexslides .caption h1 {font-size: 28px; line-height: 1.1;}
    #indexslides .caption p {font-size: 18px; line-height: 1.3; padding-top:15px;}
    #indexslides .caption a.btn {margin-top:15px;}
    
    
    .slide-arrows {bottom:10px; padding-right:10px; -webkit-box-pack: flex-end; -ms-flex-pack:end; justify-content: flex-end;}
    .slide-arrows button {width:34px; height:34px;}
    .slide-arrows button.slick-prev {margin-right:1px;}
    .slide-arrows button.slick-next {margin-left:1px;}
    .slide-arrows button i {font-size: 18px;}
    
    
    
    /* Information */
    #mainimage .caption > div {max-width: 55%;}
    #mainimage .caption h1 {display:none; }
    #mainimage .caption p {color:#004e83}
     
}

@media (max-width: 480px) {
    /* Index */
    #indexslides .caption > div {max-width: 70%;}
    #indexslides .caption h1 {font-size: 24px; }
    #indexslides .caption.id h1 {font-size: 20px;line-height: 1.2;}
    #indexslides .caption p {font-size: 16px; line-height: 1.1; padding-top:10px;}
    #indexslides .caption a.btn {margin-top:10px; padding: 8px 15px 6px 15px;}
    
    /* Footer */
    footer .copyright {font-size: 14px;}
    footer .footerlinks ul li a {font-size: 13px; padding-left:2px; padding-right:2px;}
    
    /* Information */
    #mainimage .caption > div {max-width: 70%;}
    #mainimage .caption h1 {font-size: 24px; }
    #mainimage .caption.id h1 {font-size: 20px;line-height: 1.2;}
    #mainimage .caption p {font-size: 16px; line-height: 1.1; padding-top:10px;}
    
    .contacttext {margin: 5px auto 25px auto;}
	.contacttext > span {font-size:15px; line-height:20px;}
	#enrollform.infobox .formbody h4 {font-size:22px;margin: 0px auto 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) {
    
     /* Information */
	#enrollmentform.infobox h1.page-title {margin: 0em 0 0.3em;}
	#enrollmentform.infobox h1.page-title span {letter-spacing: 7px; font-size: 60px; top: -17px;}
	
	/* Response */
	.formbody.success .rightoutput {padding: 0;}
	.formbody.success .leftoutput {padding: 0; }
}

@media (max-width:375px) {
    /*Information */
    #mainimage .caption > div {max-width:60%;}
    #mainimage .caption p {font-size: 14px; line-height:1.2; }
    
    /* 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 */
	#enrollform.infobox h1.page-title {margin: 0em 0 0.2em;}
	#enrollform.infobox h1.page-title span {letter-spacing: 7px; font-size: 50px; top: -15px;}
	.contacttext > span {font-size:14px;}
	.formlogo img {width:150px;}
	#enrollform.infobox .formbody h4 {font-size:21px;}
}

html.ie .ltoImage img.img-fluid {width:100% !important;}
html.ie .headright a#mobilebutton.btn {display:none;}
html.ie .headright #translatebutton {display:none;}
html.ie .headright a#mobilebutton-ie.btn {display:inline-block;}

html.ie #indexslides .caption a.btn {line-height: 1.2; padding: 12px 15px 7px 15px;}

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

html.ie footer .copyright {padding-top: 17px; padding-bottom: 13px;}
html.ie #searchmodal form input {line-height: 1.4;}

html.ie .adlinks > ul > li > a.btn {padding-top:10px; line-height:20px}
html.ie .mixitup-page-list a {line-height: 1; padding-top:10px;}

html.ie #newvendors .img a {position: relative; width:100%; display:block;}
html.ie #newvendors .img .busname {background-color:#000; display: -ms-flexbox; -ms-flex-line-pack: center; -ms-flex-align: center;}
html.ie #newvendors .img a:hover .busname {background-color:#004e83;}
html.ie #newvendors .img .busname > span {width:100%; max-width:100%;}

html.ie #ltobox .links > ul > li > a.btn {padding-top:10px; line-height:20px}

html.ie .formContainer .form-group.select i {display:none;}

html.ie10 #indexslides .caption {display: -ms-flexbox; -ms-flex-line-pack: center; -ms-flex-align: center;}
html.ie10 .bottomhead .logo {display: -ms-flexbox; -ms-flex-line-pack: center; -ms-flex-align: center;}
html.ie10 .indexbottom .formouter-box {display: -ms-flexbox; -ms-flex-line-pack: center; -ms-flex-align: center;}

html.ie10 #allCat .item a {display: -ms-flexbox; -ms-flex-line-pack: center; -ms-flex-align: center; width:100%;}
html.ie10 #allCat .item a span {display: block; width:100%;}

html.ie10 .appslides {max-width:100%; width:100%; display: -ms-flexbox; -ms-flex-line-pack: center; -ms-flex-align: center;}
html.ie10 .appbottom .appbox {width:50%;}

html.ie10 #list-tab {text-align: center;width:100%;}
html.ie10 #list-tab a {width:20%;display:block; line-height: 20px;}

html.ie10 #mainimage .caption {display: -ms-flexbox; -ms-flex-line-pack: center; -ms-flex-align: center;}
html.ie10 #mainimage .caption > div {width:60%;}

@media (max-width: 991px) {
    html.ie10 .appbottom .appbox {width:100%;}
}