/* CSS Document */
@media (min-width: 320px) {

    /* Index */
    #indexslides .item img {object-position:50%;}
    #indexslides .caption h1 {font-size: calc(24px + (800vw - 2560px)/880);}
    #indexslides .caption p {font-size: calc(19.2px + (320vw - 1024px)/880);}
    
    .indexbottom h3 {font-size: calc(16px + (800vw - 2560px)/880);}
    .indexbottom .form-container .form-actions .btn {font-size: calc(12px + (250vw - 800px)/880); line-height: 1.3;}
    
    .subscribe-bottom .form-container .form-actions .btn {font-size: calc(12px + (250vw - 800px)/880); line-height: 1.3;}
    
    /* Inside Pages */
    .pagetitle h1 {font-size: calc(32px + (800vw - 2560px)/880);}
    
    /**** INFORMATION PAGES ****/
    #mainimage .caption h1 {font-size: calc(24px + (800vw - 2560px)/880);}
    #mainimage .caption p {font-size: calc(19.2px + (320vw - 1024px)/880);}
    
}
@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:880px; 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: 600px;}

    p {font-size: calc(12px + (300vw - 960px)/880);}
    ul li {font-size: calc(12px + (300vw - 960px)/880);}
    ol li {font-size: calc(12px + (300vw - 960px)/880);}
    
    /* Menu */
    nav#mainmenu .menu > ul {width: 50%;}
    nav#mainmenu .submenu {width: 50%;}
    
    /* Footer */
    footer .container {padding-top: 2rem; padding-bottom: 2rem; -webkit-box-pack:space-between; -ms-flex-pack:space-between; justify-content: space-between; -ms-flex-direction: row; flex-direction: row;}
    footer .footerlinks ul {width: auto; }
    footer .footerlinks ul li {float:left; display: block;}
    
    /* Index */
    /*#indexslides .caption h1 { font-size: calc(24px + (800vw - 2560px)/880);}
    #indexslides .caption p {font-size: calc(28px + (400vw - 1280px)/880);}*/
    
    #indexslides .item.prizeslide .caption p {font-size: calc(20px + (400vw - 1280px)/880);}
    
    .subscribe-bottom {padding: 1.5rem 4.21875rem;}
    
    /* Inside Pages */
    
    /* Vendors */
    #vendordiscounts a.card .card-img {height:135px;}
    
    /* New Vendors */
    #newvendors a.card .card-img {height:135px;}
    
    /* Error Pages */

    
    /** Form Pages **/
    .formContainer .form-group.half {width:48%;}
    .formContainer .form-group.half.left {margin-right:4%;}
    
    /* Contact */
    .card.contact .card-body {font-size: calc(12px + (300vw - 960px)/880);}
    
    /**** INFORMATION PAGES ****/
    #mainimage > div img {object-position:50%;}
    /*#mainimage .caption h1 { font-size: calc(24px + (800vw - 2560px)/880);}
    #mainimage .caption p {font-size: calc(22px + (400vw - 1280px)/880);}*/
}

@media (min-width: 768px) {
    /* Index */
    #indexslides .item img {height: 400px;}
    
    /**** INFORMATION PAGES ****/
    #mainimage > div img {height: 400px;}
    
    /* 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;}
    .formbody.success .rightoutput a.btn {margin-bottom: 0;}
}

@media (min-width: 992px) {
    /* Main Elements */
    .pagewrapper {margin-top: 0; margin-left: 5.0625rem;}
    .maincontent > .container-fluid {padding: 3.375rem 2.25rem;}
    .innercontent > .container-fluid {padding: 3.375rem 5.0625rem;}
    
    /* Header */
    header .container-fluid {padding: 0 5.0625rem;}
    
    /* Menu */
    nav#mainmenu {right: auto; bottom: 0; height:100%; width: 5.0625rem; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: flex-start;-webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
    nav#mainmenu:after {content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background:#fff; box-shadow: 1px 0 0 0 rgba(0,0,0,.125); z-index: 301;}
    
    .navbar-toolbar {-ms-flex-direction: column; flex-direction: column; -webkit-box-pack: flex-start;-webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;}
    
    nav#mainmenu .navbar-toolbar button {width:5.0625rem; height:5.0625rem;}
    nav#mainmenu button span.text {color:#333;}
    
    nav#mainmenu .menu {top:0; bottom: 0; left: -100vw; height:100%;}
    html.showmenu nav#mainmenu .menu { left: 5.0625rem;}
    nav#mainmenu .menu > ul {width: 320px; bottom: 0; overflow: hidden; border-left: 1px solid rgba(0,0,0,.125);}
    nav#mainmenu .menu > ul > li > a {flex-grow: 0; padding: 1.6875rem 2.25rem 1.6875rem 1.6875rem; box-sizing: border-box; text-align: left; font-size: 1.5rem;}
    
    nav#mainmenu .submenu {width: 320px;}
    .submenu a.mp-back {box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.125); height:82px; font-size: 1.5rem;}
    
    nav#mainmenu .submenu ul li a {padding: 1.26562rem 3.375rem}
    nav#mainmenu .submenu ul li.nothing {padding: 1.26562rem 3.375rem;}
    
    nav#mainmenu .searchmenu {right: auto; top:0; bottom: 0; left: -100vw; height:100%;}
    html.showsearch nav#mainmenu .searchmenu { right: auto;left: 5.0625rem;}
    
    nav#mainmenu .searchmenu > div {width: 320px; right: auto; left: 0; bottom: 0; overflow: hidden; border-left: 1px solid rgba(0,0,0,.125);}
    
    /* Index */
    #indexslides .item img {height: 700px;}
    #indexslides .item:before {background: rgb(4, 61, 107);  background:-moz-linear-gradient(-35deg, rgba(0, 0, 0,.75) 0%, rgba(0, 0, 0,0.6) 25%, rgba(0, 0, 0,0) 100%); background: -webkit-linear-gradient(-35deg, rgba(0, 0, 0,.75) 0%, rgba(0, 0, 0,0.6) 25%, rgba(0, 0, 0,0) 100%); background: linear-gradient(120deg, rgba(0, 0, 0,.75) 0%, rgba(0, 0, 0,0.6) 25%, rgba(0, 0, 0,0) 100%);}
    #indexslides .caption .logocaption {margin: 4.75rem 5.0625rem 5.5rem;}
    #indexslides .caption .logocaption img {margin-right: auto; margin-top: -.84375rem;}
    #indexslides .caption .captiontext {padding: 2rem 2.375rem 2rem 3rem; background:rgba(51,92,155,0.7); /*background:rgba(51,92,155,0.7) url(../images/confetti.png) left center no-repeat;*/ background-size: cover; width:80%; margin-left: 3.375rem; bottom:-7rem;}
    #indexslides .caption .captiontext:after {content: ''; display: block; position: absolute; width:55%; bottom: -1.26562rem; left: -1.26562rem; height: 60%; right: 0; z-index: -1; border-left: 20px solid #729de8; border-bottom: 20px solid #729de8;}
    #indexslides .caption h1 {line-height: 1.2; }
    
    #indexslides .caption .captionbtn {padding: 0 0 0 5.0625rem; margin: -2.53125rem 0 0; width:auto; /* padding: 0 0 0 8.5rem; */}
    #indexslides .caption .btn {margin: 1.5rem 0 0 0;}
    
    #indexslides .item.subscribe .caption .captiontext {bottom:-9rem;}
    #indexslides .item.national .caption .captiontext {bottom:-9rem;}
    
    #indexslides .item.prizeslide .caption .captiontext {padding: 2rem 2rem 2rem 3rem; bottom:-1.5rem;}
    #indexslides .item.prizeslide .caption hr {width:75%; margin-right: 25%;}
    
    .indexmiddle.container-fluid:after {right: 5.0625rem;}
    .indexmiddle.container-fluid h2 {margin-left:5.0625rem;}
    #categoryslide {}
    #categoryslide .slide-inner {margin-left: 1.6875rem; padding: 1.6875rem 0; /*padding: 1.6875rem 3.375rem; margin-left: 1.6875rem; width: calc(100% - 5.0625rem);*/}
    #categoryslide .slick-list {overflow: visible;}
    #categoryslide a.card {font-size: 1.25rem; min-height: 190px;}
    #categoryslide button.slick-next, #categoryslide button.slick-prev {width:3.375rem;}
    #categoryslide button.slick-next {background-image: linear-gradient(-90deg, rgb(227, 230, 232), transparent 100%);}
    #categoryslide button.slick-prev {left: 0;background-image: linear-gradient(90deg, rgb(255, 255, 255), transparent 100%);}
    #categoryslide button.slick-next:after, #categoryslide button.slick-prev:after {width: 1rem; height:1rem;}
    
    /* Inside pages */
    .pagetitle {background: #001780 url("../images/asd20-strategic-header-2.jpg") left bottom no-repeat; background-size: cover;}
    .pagetitle .container-fluid {padding: 0 3.375rem 1.6875rem 5.0625rem; min-height:300px; background:transparent;}
    .pagetitle:after {top: 8.4375rem; bottom: -3.375rem; right: 0; left: 6.75rem;}
    .pagetitle h1 {font-size: calc(40px + (1000vw - 3200px)/880);}
    .breadcrumbs {margin: 1.6875rem 0;}
    
    .mobilecollapse {left: 5.0625rem;}
    
    /* Error Pages */
    #main.errorpage .innercontent > .container-fluid {padding-top: 2rem;}


    
    /**** INFORMATION PAGES ****/
    #mainimage > div img {height: 700px;}
    #mainimage > div:before {background: rgb(4, 61, 107);  background:-moz-linear-gradient(-35deg, rgba(0, 0, 0,.75) 0%, rgba(0, 0, 0,0.6) 25%, rgba(0, 0, 0,0) 100%); background: -webkit-linear-gradient(-35deg, rgba(0, 0, 0,.75) 0%, rgba(0, 0, 0,0.6) 25%, rgba(0, 0, 0,0) 100%); background: linear-gradient(120deg, rgba(0, 0, 0,.75) 0%, rgba(0, 0, 0,0.6) 25%, rgba(0, 0, 0,0) 100%);}
    #mainimage .caption .logocaption {margin: 4.75rem 5.0625rem 5.5rem;}
    #mainimage .caption .logocaption img {margin-right: auto; margin-top: -.84375rem;}
    #mainimage .caption .captiontext {padding: 5.0625rem 3.375rem 5.0625rem 5.0625rem; background:rgba(51,92,155,0.7) url(../images/confetti.png) left center no-repeat;background-size: cover; width:80%;}
    #mainimage .caption h1 {line-height: 1.2; }
    #mainimage .caption p {/*max-width:37vw;color:#fff; background:rgba(0,0,0,0.25); border-radius: 2px; padding: 1rem;*/}
    
    #information .card {font-size: 1.25rem;}
    #information .card .card-body {height:200px;}
    
    a#closebox {width: 3.2rem; height: 3.2rem; right: 4rem; top: 2rem; line-height: 3.2rem;}
    a#closebox i {font-size: 2rem;}
    
    .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;}
    
    
    /* Mobile App */
    .apptop img {margin: 0 auto;}
    
}

@media (min-width: 1200px) {
    
    /* INdex */
    #indexslides .caption .captiontext {width: 70%;}
    
    #indexslides .item.prizeslide .caption h1 {margin-bottom: 1rem;}
    #indexslides .item.prizeslide .caption h2 {font-size: 26px;}
    
    /* Inside Pages */
    .navbar-expand-xl #accordion {display: block !important;}
    .col-xl-9.rightcolumn {padding-right: 4rem;}
    .col-xl-3.leftcolumn .rightnav {margin-top:1.6875rem; margin-bottom: 1.6875rem}
    
    /* Full Page Links */
    .fullpagelinks .row .col-12 {-ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;}
    .fullpagelinks.programinfo .row .col-12 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
    
    /* Vendors */
    #vendordiscounts a.card .card-img {height:150px;}
    #vendordiscounts a.card .card-title {}
    
    /* New Vendors */
    #newvendors a.card .card-img {height:150px;}
    
    /* Cats */
    #cat a.card .card-img {height:150px;}
    
    /* Contact */
    .card.contact {width: 60%;}
    
    /* Resources */
    #resources .card .card-img img {height: 300px;}
    
    /**** INFORMATION PAGES ****/
    #mainimage .caption .captiontext {width: 70%;}
    #information .card .card-body {height:220px;}
    
    #information .examplecards .flex-item {-ms-flex: 0 0 28%; flex: 0 0 28%; max-width: 28%;}
}


@media (min-width: 1350px) {
    /* Index */
    #indexslides .caption .captiontext {width: 55%;}
    
    /* Vendors */
    #vendordiscounts .grid.row {margin-left: -1rem; margin-right: -1rem;}
    #vendordiscounts .grid .item {padding-top:0.75rem; padding-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem;}
    
    /* New Vendors */
    #newvendors .grid.row {margin-left: -1rem; margin-right: -1rem;}
    #newvendors .grid .item {padding-top:0.75rem; padding-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem;}
    
    /* National Discounts */
    #nationaldiscounts .grid.row {margin-left: -1rem; margin-right: -1rem;}
    #nationaldiscounts .grid .item {padding-top:0.75rem; padding-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem;}
    
    /* Cats */
    #cat .grid.row {margin-left: -1rem; margin-right: -1rem;}
    #cat .grid .item {padding-top:0.75rem; padding-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem;}
}

@media (min-width:1500px) {
    /* Full Page Links */
    .fullpagelinks .row .col-12 {-ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%;}
    .fullpagelinks.programinfo .row .col-12 {-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
    
    /* Vendors */
    #vendordiscounts .grid.row {margin-left: -0.75rem; margin-right: -0.75rem;}
    #vendordiscounts .grid .item {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding-left: 0.75rem; padding-right: 0.75rem;}
    
    /* New Vendors */
    #newvendors .grid.row {margin-left: -0.75rem; margin-right: -0.75rem;}
    #newvendors .grid .item {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding-left: 0.75rem; padding-right: 0.75rem;}
    
    /* National Discounts */
    #nationaldiscounts .grid.row {margin-left: -0.75rem; margin-right: -0.75rem;}
    #nationaldiscounts .grid .item {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding-left: 0.75rem; padding-right: 0.75rem;}
    
    /* Error Pages */
    #searchgrid .gridouter .grid > .mix {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
    
    /* Search Page */
    #resultsgrid .gridouter .grid > .mix {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
    
    /* Cats */
    #cat .grid.row {margin-left: -0.75rem; margin-right: -0.75rem;}
    #cat .grid .item {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding-left: 0.75rem; padding-right: 0.75rem;}
    
    
}

@media (max-width: 991px) {
    

    /* Index */
    #indexslides .caption > div {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; -ms-flex-direction: column; flex-direction: column;  -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;}
    #indexslides .caption h1 {padding-bottom: .42188rem; border-bottom: 5px solid #729de8;}
    #indexslides .item.prizeslide .caption h1 {border-bottom: 0;}
    #indexslides .item.showid .caption h1 {border-bottom: 0;}
    #indexslides .item.national .caption h1 {border-bottom: 0;}
    
    .subscribe-bottom form {-ms-flex-direction: column; flex-direction: column;}
    .subscribe-bottom .form-group {margin: 0 auto 1rem; width: 100%;}
    
    /* Mobile App */
    .appslides {display: block;}
    .appbottom .card {margin: .8rem auto; width:100%;}
    .appbottom .card:first-child {margin-bottom: 1rem;}
    
    /**** INFORMATION PAGES ****/
    #mainimage .caption > div {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;}
    #mainimage .caption p {}
}

@media (max-width: 767px) {

    /* Footer */
    footer .container {max-width: 100%;}
    
    /**** INFORMATION PAGES ****/
    #mainimage .caption p {}
    
    .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 .rightoutput h5 {margin-bottom: 1rem;}
	.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: 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 > div img {object-position:40%;}
    #indexslides .caption h1 {font-size: 1.5rem;}
    #indexslides .caption p {font-size: 1rem;}
    
    /* Inside Pages */
    .breadcrumbs {display: none;}
    .pagetitle .container-fluid {min-height: 0;}
    .pagetitle h1 {margin: 0;}
    
    /**** INFORMATION PAGES ****/
    #mainimage > div img {object-position:40%;}
    #mainimage .caption h1 {font-size: 1.5rem;}
    #mainimage .caption p {font-size: 1rem;}
    
    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 #gb-translate-menu {display: none;}

html.ie .infotext {box-shadow: 0 .3rem 1.75rem 0rem rgba(0,0,0,.1);}
html.ie .insideinfo .formbody {box-shadow: 0 .3rem 1.75rem 0rem rgba(0,0,0,.1);}

html.ie nav#mainmenu .submenu.subopen {left: 81px;}

html.ie #indexslides .caption .btn {display: inline-block;}
html.ie .formContainer .form-group.select i {display: none;}