header .navbar-light .navbar-toggler { border: 0px; outline: none; }
header .navbar-light .navbar-toggler-icon {
    background-image: url('../images/icon-mobile-menu.png');
}
header .indication { display: none; }

.desktop-only {
  display: block;
}
table.desktop-only {
  display: table;
}
.mobile-only, br.br-1200 {
  display: none;
}

@media (max-width: 768px) {

}

@media (min-width: 1200px) {
  br.br-1200 {
    display: block;
  }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
/* Styles */

.desktop-only,table.desktop-only {
  display: none !important;
}
.mobile-only {
  display: block;
}

.hdr-grad {
  display: none;
}
header {
  background-size: 690px auto;
  background-position: top+190px right+16%;
  height: 270px;
  z-index: 99999;

}
#preparePage header, #faqsPage header {
  height: 290px;
}
header .navbar-outer { background: none; }
header .navbar-inner {
  background-image: url('../images/header-top-bg-mobile.png');
  background-repeat: no-repeat;
  border-bottom: 10px solid #da291c;
  background-color: #5d2d70;
}
header p.header-links { text-align: center; font-size: 11px; }
header p.header-links span { padding-right: 0px; display: block; }

header h1 {
  width: 100%; text-align: left; font-size: 24px;
}
#homePage header h1 {
  font-size: 25px;
/*  position: absolute; */
  top: 187px;
  left: 0px;
  text-align: center;
  float: none;
}
#homePage header h1 span.line-1 {}
#homePage header h1 span.line-2 { font-size: 1.05em; }
#homePage header h1 span.line-3 { font-size: 0.92em; }

header .indication {
  display: block; background: #f6f6f6; text-align: center; color: #000000;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}
header .indication img {
  width: 20px;
  margin-left: 10px;
}
header .indication img.open {
  transform: scaleY(-1);
  webkit-transform: scaleY(-1);
}
header .indication .indication-copy {
  position: absolute;
  background: #f6f6f6;
  text-align: left;
  padding: 0 15px 15px 15px;
  display: none;
}
header .indication .indication-copy p {
  margin-bottom: 0px;
}

#homePage header {
  height: 643px;
  background-size: 216%;

}
#homePage header .navbar-outer {
  margin-bottom: 0px;
}


#homePage header .indication, #homePage header .indication-copy {
  background: #ffffff;
}


#homePage h2.title-grad {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,f2f2f2+100&0+49,1+100 */
  background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(119,119,119,0) 49%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(119,119,119,0) 49%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(119,119,119,0) 49%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 */
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #702f8a;
  margin-top: 20px;
  margin-bottom: 20px;
}

.id-meds ul {
  padding-left: 30px;
}
.id-meds ul li.indent {
  padding-left: 15px;
}

.mb-bt-img {
  width: 100%;
}

.modal-body .btn {

  width: 40px;
  height: 40px;
}

#faqsPage .question img {
  display: none;
}
#faqsPage .question {
  background-image: url(../images/icon-down-arrow.png);
  background-repeat: no-repeat;
  background-position: right+10px center;
  background-size: 20px;
  padding-right: 20px;
  padding-left: 20px;
}
#faqsPage .question.active {
	/* -webkit-transform: scaleY(-1);
  transform: scaleY(-1); */
	background-image: url(../images/icon-up-arrow.png);
}

.scroll-container {
  overflow-x: scroll;
  width: 235px;
  scroll-behavior: smooth;
}
.scroll-container table {
  width: 1080px;
}

.quote:after { display: none; }
.quote2:after { display: none; }

.isi ul.isi-list li {
  float: none; width: 100%; clear: both;
}

.fixed-isi {
  background: #ebebeb;
  height: 75px;
  border-top: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.fixed-isi:after {
  display: none;
}
.fixed-isi .btn-fixed-isi {
  top: 30px;
  right: 5px;
  font-size: 0.6em;
  height: 19px;
}
.fixed-isi-usage-bar {
	text-align: center;
	padding: 0;
}

.fixed-isi .fixed-isi-full {
  display: block !important;
}
.fixed-isi .fixed-isi-full h2, #resourcesPage .fixed-isi .fixed-isi-full h2 {
  color: #000000;
  font-size: 0.95em;
}
.fixed-isi .fixed-isi-full h3, #resourcesPage .fixed-isi .fixed-isi-full h3 {
  font-size: 0.95em;
  padding-bottom: 5px;
}
/*
.fixed-isi.scroll .fixed-isi-full h3, #resourcesPage .fixed-isi.scroll .fixed-isi-full h3 {
  margin-bottom: inherit;
}
*/
footer {
	padding-bottom: 10px;
}
footer .left-col { border-right: 0px; }
footer .right-col { text-align: center; }
footer .right-col table tr td { text-align: center; }

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
/* Styles */

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */
}
@media only screen and (min-width: 850px) and (max-width: 1224px){
	#three-line-banner{
		font-size: 2.0rem !important;
	}
}

@media only screen  and (min-width : 1355px) {
/* Styles */
	#homePage .navbar-outer{
		height: 33% !important;
		margin-bottom: 0 !important;
	}
	#homePage > .header-outer > header{
		height: 800px !important;
	}
	#preparePage .navbar-outer, #faqsPage .navbar-outer,	#resourcesPage .navbar-outer, #glossaryPage .navbar-outer{
		height: 72% !important;
		margin-bottom: 0 !important;
	}
}
@media only screen  and (min-width : 1700px) {
/* Styles */
	#homePage .navbar-outer{
		height: 28% !important;
		margin-bottom: 0 !important;
	}
	#homePage >.header-outer > header{
		height: 1000px !important;
	}
	#preparePage .navbar-outer, #resourcesPage .navbar-outer, #glossaryPage .navbar-outer{
		height: 71% !important;
		margin-bottom: 0 !important;
	}
	#faqsPage .navbar-outer{
		height: 75% !important;
		margin-bottom: 0 !important;
	}
	#preparePage header, #faqsPage header, #resourcesPage header, #glossaryPage header{
		height: 500px !important;
	}
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
	#homePage .navbar-outer{
		height: 28% !important;
		margin-bottom: 0 !important;
	}
	#homePage >.header-outer > header{
		height: 1200px !important;
	}
	#preparePage .navbar-outer, #resourcesPage .navbar-outer, #glossaryPage .navbar-outer{
		height: 72% !important;
		margin-bottom: 0 !important;
	}
	#faqsPage .navbar-outer{
		height: 80% !important;
		margin-bottom: 0 !important;
	}
	#preparePage header, #faqsPage header, #resourcesPage header, #glossaryPage header{
		height: 500px !important;
	}

}
@media only screen  and (min-width : 2300px) {
/* Styles */
	#homePage .navbar-outer{
		height: 33% !important;
		margin-bottom: 0 !important;
	}
	#homePage >.header-outer > header{
		height: 1300px !important;
	}
	#preparePage .navbar-outer, #faqsPage .navbar-outer,	#resourcesPage .navbar-outer, #glossaryPage .navbar-outer{
		height: 72% !important;
		margin-bottom: 0 !important;
	}
	#preparePage header, #faqPage header, #resourcesPage header, #glossaryPage header{
		height: 500px !important;
	}

}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}