@media (min-width: 576px) {
    
    .modal.adimage .modal-dialog {max-width:825px;}
    .modal.adimage .modal-dialog .modal-body img {margin: 0 auto; display: block;}
    
    .modal-instructions.modal .modal-dialog {max-width: 820px; 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;}
    
    #translatemodal .modal-dialog {max-width:800px; margin: .5rem;}
    
    #subscribemodal .modal-dialog {max-width:600px;}
    
    /* Index */
    .indexmiddle .form-container {width:90%;}
    .indexmiddle .form-container .form-group.first {width:49%; margin-right:2%;}
    .indexmiddle .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;}
    #alternate-ad {width:550px;}
    
}

@media (min-width: 768px) {
    .container-fluid {padding-left: 56px; padding-right: 56px;}
    
    #translatemodal .modal-dialog {margin: 1.75rem auto;}
    #translatemodal.modal ul.translate__list li {width:33.33333333%; font-size: 1rem; line-height: 1.63;}
    
    /* Header */
    .searchdd { width: 526px;}
    
    /* Index */
    #indexslides .item span.image {height:500px;}
    #indexslides .caption {padding: 0 56px;}
    #indexslides .caption > div {max-width: 600px;}
    #indexslides .item.prizeslide .caption > div {max-width: 700px;}
    
    /* Mobile App */
    .appbox > div:hover #apphover {height:264px;}
    
    /** INFORMATION PAGES **/
    #mainimage > div span.image {/*height:500px;*/}
    #mainimage .caption {padding: 0 56px;}
    #mainimage .caption > div {max-width: 600px;}
    
       /* 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) {
    div.testsize {color:#fff;}
    .container-fluid {padding-left: 70px; padding-right: 70px;}
    
    /* Index */
    #indexslides .caption {padding: 0 70px;}
    .slide-arrows button { right:40px; bottom:10px;}
    
    
    
    
    /* Inside Pages */
    .leftcolumn.col-lg-3 {-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
    .rightcolumn.col-lg-9 {-ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; padding-right: 35px;}
    
    #accordion > ul {position: relative; width: 100%;}
    #accordion > ul > li {position: relative; width: 100%; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; box-shadow: 0 4px 6px 0 rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.1);border-radius: 4px; background:#fff; border: 1px solid #e2e8ef; transition: box-shadow .3s ease; -ms-flex-direction: column; flex-direction: column; margin-bottom: 16px; animation: flipdown 0.5s ease both; animation-delay:0.5s;}
    #accordion > ul > li:hover {box-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);}
    #accordion > ul > li > 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; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items:stretch; transition:none; color:#345def;}
    #accordion > ul > li > a span.text {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; padding: 16px 24px;}
    #accordion > ul > li > a span.arrow {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; padding: 0 16px; border-left: 1px solid #edf2f7;}
    #accordion > ul > li > a span.arrow i {width:24px; position: relative; text-align: center; font-size: 13px;}
    #accordion > ul > li.active > a span.arrow i {-webkit-transform: rotate(90deg); transform: rotate(90deg)}
    #accordion > ul > li.newvendorlink.active > a span.arrow i {-webkit-transform: rotate(0); transform: rotate(0);}
    #accordion > ul.ltolist > li.active > a span.arrow i {-webkit-transform: rotate(0); transform: rotate(0);}
    #accordion > ul > li.active > a.nosub span.arrow i {-webkit-transform: rotate(0); transform: rotate(0);}
    #accordion > ul > li.active > a {/*border-bottom:1px solid #edf2f7; */color:#1f388f; }

    #accordion > ul ul {padding:16px 24px; position: relative; width:100%; border-top:1px solid #edf2f7;}
    #accordion > ul ul li {position: relative; width:100%; display: block;padding: 0px; }
    #accordion > ul ul li a {padding: 2px 0px; margin: 2px 0px; display: block; width:100%; position: relative;}
    #accordion > ul ul li.active > a {color:#1f388f;}
    
    /* Directions accordion */
    #accordion > ul > li.single ul {display: none;}
    #accordion > ul.maplist > li.single.active > a span.arrow i {-webkit-transform: none; transform: none;}
    #accordion > ul.maplist > li > a {color:#1f388f;}
    #accordion > ul.maplist li.multipleLocations.active > a  {color:#1f388f;}
    /* End Directions accordion */
    
    #accordion > ul li.active ul.addscroll {max-height:550px;}
    #busaccordion > ul li.active.needscroll .card-body {max-height:550px;}
    #newvendordd {max-height: 500px;}
    
    #busaccordion > ul {position: relative; width: 100%;}
    #busaccordion > ul > li {position: relative; width: 100%; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; box-shadow: 0 4px 6px 0 rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.1);border-radius: 4px; background:#fff; border: 1px solid #e2e8ef; transition: box-shadow .3s ease; -ms-flex-direction: column; flex-direction: column; margin-bottom: 16px; animation: flipdown 0.5s ease both; animation-delay:0.5s;}
    #busaccordion > ul > li:hover {box-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);}
    #busaccordion > ul > li > a.card-header {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; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items:stretch; transition:none; padding: 0;background-color:transparent; border-radius: 0px; border: 0 none;  -webkit-transition:color .3s ease; transition: color .3s ease; color:#345def;}
    #busaccordion > ul > li > a span.text {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; padding: 16px 24px;}
    #busaccordion > ul > li > a span.arrow {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; padding: 0 16px; border-left: 1px solid #edf2f7;}
    #busaccordion > ul > li > a span.arrow i {width:24px; position: relative; text-align: center; font-size: 13px; -webkit-transition:all .2s ease; transition: all .2s ease; }
    
    #busaccordion > ul > li.active > a span.arrow i {-webkit-transform: rotate(90deg); transform: rotate(90deg)}
    #busaccordion > ul > li.active > a {/*border-bottom:1px solid #edf2f7;*/ color:#1f388f;}
    
    #busaccordion > ul ul {padding:16px 24px; position: relative; width:100%; border-top:1px solid #edf2f7;}
    #busaccordion > ul ul li {position: relative; width:100%; display: block;padding: 0px; }
    #busaccordion > ul ul li a {padding: 2px 0px; margin: 2px 0px; display: block; width:100%; position: relative; color:#345def;}
    #busaccordion > ul ul li a.activelink {color:#1f388f;}
    
    #busaccordion > ul.locationlist li > a.activelink {color:#1f388f;}
    
    /* Mobile App */
    .appbottom  {padding: 70px 0px 40px;}
    .appbox > div:hover #apphover {height:410px;}
    
    /** INFORMATION PAGES **/
    #mainimage .caption {padding: 0 70px;}
    #information {padding: 70px 0 40px;}
    .flex-wrapper > div:last-child {margin-left: 0; margin-right: 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: 1200px) {
    
    /* header */
    header {height:126px;}
    .bottomhead > .container-fluid {height:76px;}
    .bottomhead .logo {width:100%; max-width: 266px; border-right: 0 none;}
    .bottomhead .logo a {border-right: 1px solid #e2e8ef;}
    .button-wrapper {bottom: 0; height:auto;}
    .button-wrapper button {width: 72px; height:100%;}
    
    /* Index */
    #indexslides .item span.image {height:656px;}
    
    #indexslides .item.prizeslide .caption span:nth-child(1) {font-size: 2.25rem;}
    #indexslides .item.prizeslide .caption span:nth-child(2) {font-size: 2.5rem;}
    #indexslides .item.prizeslide .caption span:nth-child(3) {font-size: 5rem; margin-top: 10px;}
    #indexslides .item.prizeslide .caption hr {width:75%; margin-left: 12.5%; margin-top: 30px;}
    #indexslides .item.prizeslide .caption p {font-size: 1.5rem;}
    
    /*** Form Pages ***/
    .bottomsubscribe {padding: 30px 35px;}
    
    /* Mobile App */
    .appbottom .appbox div.instruct-list {height:340px;}
    .appbox > div:hover #apphover {height:340px;}
    
    /** INFORMATION PAGES **/
    #mainimage > div span.image {/*height:656px;*/}
    
    .insideinfo > .container {max-width: 1100px;}
}

@media (min-width: 1350px) {
    /* vendors */
    #vendordiscounts .grid .item {padding: 0.5rem 1rem;}
    
    /* Cats */
    #cat .grid .item {padding: 0.5rem 1rem;}
    
    /* National Discounts */
    #nationaldiscounts .grid .item {padding: 0.5rem 1rem;}
    
    /* Information */

}

@media (min-width: 1200px) and (max-width: 1235px) {
    /* menu 
    #mainmenu > ul > li > a {padding: 26px 15px;}*/
}

@media (max-width: 1199px) {
    /* header */
    header {height:56px;}
    html.showmenu header {height:auto; border-bottom: none; min-height:100vh;}
    
    .bottomhead > .container-fluid {padding-left: 0;padding-right:0;}
    .bottomhead .logo { padding: 0px 0 0px 10px; height:100%; width:145px;}
    .bottomhead .logo a {height:100%;}
    .logo .logotitle .title {font-size: .75rem; line-height: 1.33; letter-spacing: .01438rem;}
}

@media (max-width: 991px) {
    
    /* Inside Pages */
    .leftcolumn {margin-bottom: 35px;}
    
    .rightnav {border:1px solid #f7fafc;box-shadow: 0 1px 2px 0 rgba(0,0,0,.06),0 1px 3px 0 rgba(0,0,0,.1); border-radius: 4px; background:#fff;  overflow: hidden;  padding: 20px;}
    .navtitle {position: relative;}
    .navtitle > a {display: block; font-size: 1.5rem; color:#1d1d1d; font-family: 'sophia-pro', sans-serif; font-weight: 500; position: relative;padding: 0 30px 0 0;}
    .navtitle > a i {position: absolute; right:5px; top:1px; width:24px; height:24px; text-align: center; font-size: 13px; display: block; -webkit-transform: rotate(45deg);transform: rotate(45deg); transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease;}
    /*.navtitle > a.collapseopen i {-webkit-transform: rotate(0);transform: rotate(0);}*/
    .navtitle > a[aria-expanded=true] i {-webkit-transform: rotate(0);transform: rotate(0);}
    
    #accordion > ul {position: relative; width: 100%; padding: 10px 0px;}
    #accordion > ul > li {position: relative; width: 100%;}
    #accordion > ul > li > a {position: relative; display: block; padding: 2px 2px 2px 15px;}
    #accordion > ul > li > a span.arrow {display: none;}
    #accordion > ul > li > a:before {content: "\f111"; font-family: 'FontAwesome'; color:#1d1d1d; font-size: 8px; position: absolute; left: 0;}
    #accordion > ul > li > a.activelink {color:#1f388f;}
    
    #accordion > ul ul {position: relative; padding: 0 0 10px 15px}
    #accordion > ul ul li {position: relative; width:100%; display: block;padding: 0px; }
    #accordion > ul ul li a {position: relative; display: block; padding: 2px 2px 2px 15px;}
    #accordion > ul ul li a:before {content: "\f111"; font-family: "Font Awesome 5 Free"; color:#1d1d1d; font-size: 6px; position: absolute; left: 0; top:50%; width:6px; height:6px; margin-top:-12px;}
    #accordion > ul ul li.active a {color:#1f388f;}
    
    /* Directions accordion */
    #accordion > ul > li.single ul {display: none;}
    
    
    #busaccordion > ul {position: relative; width: 100%; padding: 10px 0px;}
    #busaccordion > ul > li {position: relative; width: 100%; border: 0 none; border-radius: 0px;}
    #busaccordion > ul > li > a {position: relative; display: block; padding: 2px 2px 2px 15px; background-color: transparent; border-radius: 0px; border: 0 none; border-bottom: none;}
    #busaccordion > ul > li > a span.arrow {display: none;}
    #busaccordion > ul > li > a:before {content: "\f111"; font-family: 'FontAwesome'; color:#1d1d1d; font-size: 8px; position: absolute; left: 0;}
    #busaccordion > ul > li.active > a {color:#1f388f;}
    
    #busaccordion > ul ul {position: relative; padding: 0 0 10px 15px}
    #busaccordion > ul ul li {position: relative; width:100%; display: block;padding: 0px; }
    #busaccordion > ul ul li a {position: relative; display: block; padding: 2px 2px 2px 15px;}
    #busaccordion > ul ul li a:before {content: "\f111"; font-family: "Font Awesome 5 Free"; color:#1d1d1d; font-size: 6px; position: absolute; left: 0; top:50%; width:6px; height:6px; margin-top:-12px;}
    #busaccordion > ul ul li a.activelink {color:#1f388f;}
    
    .toplinks a.btn {height:auto;min-height: 85px;}
    
    /* Mobile App */
    .appslides {flex-direction: column;}
    .appbottom .appbox div.instruct-list {height:auto;}
    
}

@media (max-width: 767px) {
    
    /* Inside Pages */
    .breadcrumbs {padding: 32px 0;}
    .breadcrumbs > a, .breadcrumbs > span {display: none !important;}
    .breadcrumbs div.prev-breadcrumb {display:block;}
    
    .pagetitle h1 {margin-bottom: 16px;}
    
    .leftcolumn {margin-top: 10px;}
    
    /* 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: 0 auto; text-align: center; display: block; width:350px;}
    
    /** Resource Library **/
    .downloads {margin-bottom: 30px;}
    .downloads > div {padding: 0;}
    .downloads .thumbnail {display:-webkit-box; display:-ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #edf2f7;}
    .downloads .thumbnail img {height:91px;margin:0;border-radius: 0;border-top-left-radius: 4px;}
    .downloads h3 {border-bottom: none; padding: 02px 16px 0; width:calc(100% - 70px); margin: 0; font-size: 1rem;line-height: 1.625rem; letter-spacing:-.00063rem}
    .downloads .links {width:100%; padding: 12px 16px 12px;}
    
    /** INFORMATION PAGES **/
    .flex-wrapper > div {margin-bottom: 32px;}
    
    .insideinfo h1.title {font-size: 2.5rem; line-height: 2.8rem;}
    .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 {}
	#enrollmentform.infobox h1.page-title span {}
    .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 {}
    .formbody.success .otherLinks a.btn { margin: 5px 5px;}
    
}

@media (max-width: 567px) {
    
    
    /* Header */
    .bottomhead #translatebutton > span {margin-left: 6px; font-size: .75rem; line-height: 2; letter-spacing: .00688rem;}
    .bottomhead #translatebutton > i {font-size: .75rem;}
    
    /* Footer */
    footer {font-size: .75rem;}
    footer .container-fluid {padding-top:15px; padding-bottom:15px;}
    footer .copyright {padding-bottom: 5px;}
    footer .footerlinks ul li a {padding: 0 5px;}
    
    /* Index */
    #indexslides .caption > div {padding: 35px 30px;}
    #indexslides .caption h1 {font-size: 2.5rem; line-height: 3rem;}
    
    #indexslides .item.prizeslide .caption span:nth-child(1) {font-size: 1.8rem;}
    #indexslides .item.prizeslide .caption span:nth-child(2) {font-size: 2rem;}
    #indexslides .item.prizeslide .caption span:nth-child(3) {font-size: 4rem;}
    #indexslides .item.prizeslide .caption hr {width:90%; margin-left: 5%;}
    #indexslides .item.prizeslide .caption p {font-size: 1.2rem;}
    
    /** INFORMATION PAGES **/
    #mainimage .caption > div {padding: 35px 30px;}
    #mainimage .caption h1 {font-size: 2.5rem; line-height: 3rem;}
    
    #information {overflow: hidden;}
}

@media (max-width: 480px) {
    
    /* Information */
    
    .contacttext {margin: 5px auto 25px auto;}
	.contacttext > span {font-size:15px; line-height:20px;}
	#enrollform.infobox .formbody h4 {}
    .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 */
	
	/* Response */
	.formbody.success .rightoutput {padding: 0;}
	.formbody.success .leftoutput {padding: 0; }
}

@media (max-width:375px) {
    /*Information */

    /* 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-bottom: 20px;}
	#enrollform.infobox h1.page-title span {}
	.contacttext > span {font-size:14px;}
	.formlogo img {width:150px;}
	#enrollform.infobox .formbody h4 {}
}

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

html.ie .bottomhead .logo a {display: -ms-flexbox; -ms-flex-line-pack: center; -ms-flex-align: center;}
html.ie .bottomhead .logo img {width: 65px;}

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

html.ie #accordion > ul li.active ul.addscroll {height: 300px;}

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

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:#345def;}
html.ie #newvendors .img .busname > span {width:100%; max-width:100%;}

html.ie .appbox {padding-bottom:40px;}


@media (min-width: 992px) {
    html.ie #accordion > ul li.active ul.addscroll {height: 550px;}
}

html.ie10 .tophead > .container-fluid {display: -ms-flexbox; -ms-flex-align: center;}
html.ie10 .bottomhead > .container-fluid {display: -ms-flexbox; -ms-flex-align: center;}
html.ie10 .button-wrapper button > span {-ms-flex-align: center;}
html.ie10 .searchdd form button {-ms-flex-align: center;}

html.ie10 #indexslides .caption {display: -ms-flexbox; -ms-flex-line-pack: center; -ms-flex-align: center;}
html.ie10 [data-aos^=fade][data-aos^=fade] {filter:opacity(100%); opacity: 1; transform: none;}

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 .downloads .links {display: -ms-flexbox; width:100%; }
html.ie10 .downloads .links a {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 #mainimage .caption {display: -ms-flexbox; -ms-flex-line-pack: center; -ms-flex-align: center;}
html.ie10 #mainimage .caption > div {height:auto;}
html.ie10 .flex-wrapper > div > div {display: block; width:100%;}
html.ie10 .flex-wrapper .flex-info {position: relative; display: block; width:100%;}
html.ie10 .flex-wrapper .title {display: block;width:100%;}
html.ie10 .flex-wrapper .flexcontent {display: block;width:100%;}
html.ie10 .flex-wrapper .flexbottom {display: block;width:100%; text-align: right;}
html.ie10 .flex-wrapper .flexbottom a {text-align: right; display: block;}

@media (min-width: 992px) {
    html.ie10 #accordion > ul > li > a span.arrow {display: -ms-flexbox; -ms-flex-line-pack: center; -ms-flex-align: center;}
    
    html.ie10 #busaccordion > ul > li > a span.arrow {display: -ms-flexbox; -ms-flex-line-pack: center; -ms-flex-align: center;}
}

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