/*----------------------------------------------------

	Welcome to content-media-queries.css!

	Here we have media queries for
	content-interal.css and content-external.css:

----------------------------------------------------*/

@media only screen and (max-width: 1004px) {

/* International Content Footer Top */

.content-footer-international .left {width:97.5%;}
.content-footer-international .right {width:100%;}
.content-footer-travel .left {width:79.5%;padding: .75em 17% .75em 3.5%;}
.content-footer-travel .right {width:100%;}
.content-footer-travel .right div {padding-bottom:1em;}

}

@media all and (max-width: 840px) {

/* International Content Footer Top */
.request-callout-horizontal .main .container {padding:0; overflow:visible;}
.request-callout-horizontal .travel-block {float: none;margin-top: 10px;}
.sidebar.request-callout-horizontal .travel-block {float: left;margin-bottom: 0;}
.request-callout-horizontal .right { float: none;margin-right: 0;width: 100%;}
.sidebar.request-callout-horizontal .right {float:left;}
.request-callout-horizontal .travel-block:after, .request-callout-horizontal .right:after {display: none;}
}


@media only screen and (max-width: 767px) {

/* responsive tables code */

table.responsive { margin-bottom: 0; }
.pinned { position: absolute; left: 0; top: 0; background: #FFF; width: 20%; overflow: hidden;}
.pinned table { border-right: none; border-left: none; width:100%;}
div.scrollable {margin:0 0 1.5em 0;}
div.table-wrapper { position: relative; overflow: hidden; background-color: #E8F5FF;}
div.table-wrapper div.rejoinder-scrollable table {margin-left:20%;}
div.table-wrapper div.rejoinder-scrollable { overflow: scroll; overflow-y: hidden;}
div.rejoinder-scrollable td.firstCol, div.rejoinder-scrollable th.firstCol {display:none;}
div.rejoinder-scrollable td.lastCol, div.rejoinder-scrollable th.lastCol {width: 20%;}

.faq_question {width:90%;padding-right:9%;}
.faq_answer {width:94%;margin:0 0 2%;padding:3%;}

table.overflow, table.overflow_alt_rows {min-width:767px;}
div.scrollable {overflow-y:hidden;padding:20px 0 0;background:url(/sebin/y/o/scroll.gif) 50% 0 no-repeat;}

}

@media only screen and (max-width: 740px) {
.flex-75-left {width:100%;margin:2% 0;}
div.flex-25-right.research-labs-sidebar {width: 100%;float: left;padding: 2% 0 0 0;border-left:0;border-top:1px #ccc solid;margin: 2% 0 !important;}
.light-background, .dark-background {padding:4%;width:92%;}
}

@media screen and (max-width: 599px) {

#waypointSearchForm {position:relative;}
#waypointResultsContainer {width:93% !important;background:#fff;border:1px solid #aaa;}
#waypointsResults {width:100%;}
#waypointsResults td {line-height:1em;vertical-align:middle;padding: 1.5%;border-bottom: 1px solid #EEE;}
#waypointsResults td.result:hover {background:#f1f1f1;}
#waypointsResults tr a {color:#4C689A;text-decoration:none;}
#waypointSearchForm input[type="text"] {width: 90%;font-size: 1em;line-height: 1em;color: #666;padding: .55em 2% .55em 8%;background: white;border: 1px solid #4C689A;border-radius: 4px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;margin: 0 .5em 0 0;}
#waypointSearchForm input[type="submit"] {background: url(/sebin/k/u/search-icon.gif) no-repeat 0 50%;border: none;height: 3.2em;width: 16px;position: absolute;top: 0;left: 2.75%;text-indent: -9999px;}
td.result {line-height:1em;vertical-align:middle;padding:2%;}
#waypointSearchForm input[type="reset"] {display:none;background:url(/sebin/i/z/x.gif) no-repeat 0 50%;border:none;height:3.2em;width:16px;position:absolute;top:0;right:2.75%;text-indent:-9999px;}

ul.waypoint-list li ul li a {width:93.5%;}
form#gts_contact div.seText, form#gts_contact div.seText label { width: 80px;}
div.flex-wrapper .flex-50, div.flex-wrapper .flex-33, div.flex-wrapper .flex-25, div.flex-wrapper div.flex-profile-left, div.flex-wrapper div.flex-profile-right {width:100%;float:left;margin:0;}
div.flex-wrapper .flex-50 img, div.flex-wrapper .flex-33 img, div.flex-wrapper .flex-25 img, div.flex-wrapper div.flex-profile-left img {width:95%;padding:2.5%;border:1px solid #ccc;background:#fff;margin:0 0 1em 0;}
div.flex-50-left, div.flex-50-right, div.flex-33-left, div.flex-33-left-no-border, div.flex-33-right, div.flex-50-right-no-border {width:100%;float:left;margin:0;}
div.flex-50-left img, div.flex-50-right img, div.flex-33-left img, div.flex-33-right img {width:95%;padding:2.5%;border:1px solid #ccc;background:#fff;margin:0 0 1em 0;}
div.flex-33-left-no-border img {width:100%;}
div.flex-100, div.flex-75 {width:100%;}
div.flex-100 img {width:95%;padding:2.5%;border:1px solid #ccc;background:#fff;margin:0 0 1em 0;}
div.flex-33-wrapper p.flex-caption, div.flex-33-left p.flex-caption, div.flex-33-left-no-border p.flex-caption, div.flex-33-right p.flex-caption {width:92%;padding:0 4% 4% 4%;top:-21px;}
div.flex-50-wrapper p.flex-caption, div.flex-50-left p.flex-caption, div.flex-50-right p.flex-caption {width:91%;padding:0 4.5% 4.5% 4.5%;top:-21px;}
div.flex-100 p.flex-caption, div.flex-100 span.flex-caption {width:96%;padding:0 2% 2% 2%;top:-20px;}
div.flex-50-wrapper span.flex-caption, div.flex-50-left span.flex-caption, div.flex-50-right span.flex-caption {display: block;padding: 2%;top: -21px;width: 96%;}
div.flex-33-wrapper span.flex-caption, div.flex-33-left span.flex-caption, div.flex-33-left-no-border span.flex-caption, div.flex-33-right span.flex-caption {display: block;padding: 2%;top: -21px;width: 96%;}
div.flex-60-left {width:100%;float:left;margin:0;}
.SEImage, .SEImage.flex-33-right {width:100%;float:left;margin:0;}
div.flex-25-right {width: 48%;float: right;margin: 0 0 2% 2%;}

/* for 3 feature boxes, have each image occupy only half the width of the page */

div.flex-25-wrapper .flex-25 img, div.flex-33-wrapper .flex-33 img, div.flex-50-wrapper .flex-50 img {width: 40%;padding: 1.5%;border: 1px solid #ccc;background: #fff;margin: 0 1em .5em 0;float: left;}

/* se form and submit styles */

.seform .SEAFWrapper {clear:both;margin:0;overflow:hidden;padding:0;border-top:none;}
.seform .seLabelCell {width:100%;clear:both;margin:0 0 .5em 0;text-align:left;}
.seform .seFieldCell {float:left;width:100%;clear:both;margin:0 0 1.25em 0;}
.seform input[type='submit'] {left:0;margin:0 0 1em 0;}

.content-footer .content-footer-wrapper .content-footer-related-content, .content-footer .content-footer-wrapper .content-footer-next-steps {width:100%;float:left;clear:both;margin:0;}

/* International Content Footer Top */

.content-footer-international .left {width:96.5%;height:auto;padding:.75em 0 .75em 3.5%;}
.content-footer-international .right {height:auto;padding:0;}
.content-footer-international .right div {width:96.5%;margin:1em 0 0 3.5%;}
.content-footer-international .right div.large-75 {width:100%;}
.content-footer-international .right div.small-25 {width:100%;padding-bottom:1em;}
.content-footer-travel .right {height:auto;padding:0;}
.content-footer-travel .right div {width:96.5%;margin:1em 0 0 3.5%;}
.content-footer-travel .right div.large-100 {padding-bottom:1em;}

.button-a-z {width: 100%;padding: 0 !important;background: none;border: none;text-align: center;}
.button-a-z li {float: none;display: inline-block;width: 2.5em;height: 2.5em;line-height: 2.5 !important;margin: .75em !important;padding: 0 !important;background: #f5f5f5;border: 1px solid #ddd;border-radius: 9999px;}
.button-a-z li a {width: 100%;text-align: center;text-transform: uppercase;}

}

@media screen and (max-width: 500px) {

/* health library promo callouts */

.hlCallout, .apptCallout {width:96%;font-size:1em;padding:3% 2%;}
.apptCallout a {padding:0 0 0 44px;line-height:1.65em;}
.ctContentBox {width:93%;border:#CCC 1px solid; padding:3.5%; margin:3.5% 0;}
.ctContentBoxText {width:100%;}
.ctContentBoxImg {margin:0 0 1.45em 0;width:100%;max-height:250px;overflow:hidden;}

.blockquote-w-image img {float:right;width:100%;margin:0 0 2% 0;}
.quote-text {width: 100%;float: left;position: relative;}

}

@media screen and (max-width: 480px) {

.faq_question {width:85%;padding-right:14%;}
.faq_answer {width:90%;padding:5%;}

/* International Content Footer Top */

.request-callout-horizontal .travel-block img {width: 25%;}
.request-callout-horizontal .travel-block .col {width:100%;margin-right:0;}

.content-footer-international.request .right div {width: 100%;margin: 0 0 10px 0;}
.content-footer-international.request .right div img {width:32px;}
.content-footer-international.request .right div p {margin-bottom:10px;}

div.flex-40-right {float: left; width: 100%; margin-bottom: 20px;}
div.flex-60-left {width: 100%; margin: 0 0 20px 0;}

}

.addthis_wrapper {float:left;padding:3px;}
.addthis_toolbox {width:110px;float:left;}
.addthis_button_facebook_like, .addthis_button_tweet, .addthis_button_google_plusone {display:none;}
.addthis_counter {float:left;}

@media screen and (min-width: 1235px) { /* screen widths < or = 1024px */
.addthis_wrapper {display:block;position:absolute;top:0;right:-5px;}
.addthis_toolbox {position:fixed !important;width:90px;background:#fff;padding:5px;border-radius:3px;box-shadow:0 0 5px #0d2d71;}
.addthis_button_facebook_like {display:block;height:20px;padding:0 0 3px 0 !important;float:left;clear:both;}
.addthis_button_tweet, .addthis_button_google_plusone {display:block;clear:both;padding: 3px 0 !important;float:left;}
.addthis_counter {clear:both;padding: 3px 0 0 0 !important;float:left;}
}