@CHARSET "UTF-8";

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700|Raleway:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed');

@font-face {
    font-family: 'opensanscondensed_bold';
    src: local('../assets/fonts/OpenSansCondensed-Light .tff') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensanscondensed_regular';
    src: local('../assets/fonts/OpenSansCondensed-Light.tff') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensanscondensed_demibold';
    src: local('../assets/fonts/OpenSansCondensed-Light.tff') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensanscondensed_light';
    src: local('../assets/fonts/OpenSansCondensed-Light.tff') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensanscondensed_light_italic';
    src: local('../assets/fonts/OpenSansCondensed-Light.tff') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensanscondensed_thin';
    src: local('../assets/fonts/OpenSansCondensed-Light.tff') format('truetype');
    font-weight: normal;
    font-style: normal;
}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Clearfix hack  */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

body { font-family: 'Open Sans Condensed', arial, sans-serif; padding: 0; margin: 0; background: #fff; position: relative; }

a { text-decoration: none; }
a:focus, a:focus-within, #font_adjust:focus, #skip_nav:focus {
    box-shadow: 0 0 2px 2px #fdb519;
    outline: none;
}
a:active, #font_adjust:active, #skip_nav:active {
    box-shadow: none;
    outline: none;
}
.img-focus { box-shadow: 0 0 2px 2px #fdb519 !important; }
.no-focus { box-shadow: none !important; }
img { border: 0; }

/* Polyfill for Dialog on FF, Safari etc */
.no-dialog dialog { display: none; }

.no-dialog dialog[open] { display: block; }

h1, .tagline-h1 {
    font-family: 'Raleway', sans-serif;
    font-size: 50px;
    color: #61677c;
    /*text-transform: uppercase;*/
    font-weight: 300;
    margin: 30px 0;
    transition: 0.2s;
}
h1 sup, .sup-mod sup { top: 0.5em; }
.about-page {
    margin: 0;
    border-top: 20px solid #eaeaea;
    border-radius: 30px;
    padding: 30px 0;
}
.taline-li {
    margin-left: 5px;
}
.taline-li:before {
    content: "• ";
    margin-left: -20px;
}
.tagline-h1 {
    font-size: 42px;
    font-weight: 500;
}
.br-a::before {
    content: "\a";
    white-space: pre;
}
.br-b::before {
    content: "\a";
    white-space: pre;
}
.br-c::before {
    content: " ";
    white-space: pre;
}
.br-d::before {
    content: "\a";
    /*white-space: pre;*/
}
.hp {
    font-size: 37px;
    font-weight: 900;
    font-style: normal;
}
.hp-a, .hp-b, .hp-c, .hp-d, .hs-a, .hs-b, .hs-c, .hs-d, .hs-e { transition: 0.2s; }
.hp-a { margin-left: 30px; }
.hp-b { margin-left: 60px; }
.hp-c { margin-left: 90px; }
.hp-d { }
/*.hp-d sup {
    font-size: 22px;
    font-weight: 600;
}*/
.hs-a { margin-left: 30px; }
.hs-b { margin-left: 60px; }
.hs-c { margin-left: 90px; }
.hs-d { margin-left: 60px; }
/*.hs-d sup {
    font-size: 22px;
    font-weight: 600;
}*/
.hs-e { margin-left: 80px; }
.tagline-A, .tagline-A2, .tagline-C, .tagline-E {
    margin-left: 47%;
    font-size: 24px;
    font-weight: 500;
    transition: 0.2s;
    text-align: left;
    color: #4c4c4c;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1);
}
.tagline-A {
    /*font-weight: 800;*/
}
.tagline-A2 {
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 400;
    transition: 0.2s;
    margin-bottom: 40px;
    padding-right: 20px;
}
.no-patient {
    margin-left: 52% !important;
    margin-bottom: 20px;
    margin-top: 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}
/* .tagline-A2 sup {
    /*top: 0.3em;
    top: 0;
} */
.tagline-C {
    margin-left: 25%;
    margin-top: 1%;
    font-size: 21px;
    font-weight: 500;
    line-height: 26px;
    /*position: absolute;
    top: 0;
    left: 25%;*/
    float: left;
    width: 38%;
}
.tagline-B {
    /*margin-left: 2%;*/ /*  previously 50%  */
    margin-top: 15px; /*  previously -20px  */
    margin-bottom: 10px;
    transition: 0.2s;
    text-align: left;
    font-style: italic;
    font-size: 40px;
    font-weight: 900;
    color: #1e2c53;
    /*text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.45);*/
}
.tagline-D {
    margin-left: 0;
    margin-top: -35px;
    font-size: 40px;
    line-height: 42px;
    transition: 0.2s;
    text-align: left;
    font-style: italic;
    font-weight: 900;
    color: #1e2c53;
    /*text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.45);*/
}
.tagline-E {
    margin-left: 0;
    margin-top: 1%;
    font-size: 21px;
    line-height: 26px;
    font-weight: 400;
    /*position: absolute;*/
    /*top: 0;
    left: 65%;*/
    float: right;
    width: 35%;
}
.tagline-I {
    font-style: italic;
    color: #1e2c53;
    font-size: 21px;
    line-height: 26px;
    font-weight: 400;
}
.Ipad {
    margin-top: 0;
}
h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 27px;
    color: #1e2c53;
    /*text-transform: uppercase;*/
    transition: 0.2s;
}
h2 sup { top: 0.1em; }
h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 32px;
    font-weight: 500;
    color: #1e2c53;
    transition: 0.2s;
    line-height: normal;
}
h3 a {
    color: #e8a20b; /* #df9e0e */
    text-shadow: 0 0 4px #fff;
    -moz-text-shadow: 0 0 4px #fff;
    -webkit-text-shadow: 0 0 4px #fff;
}
h3 a:hover {
    color: #181a1c;
}
/*h3 sup { top: -0.4em; }*/
h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: #1f1f1f;
    transition: 0.2s;
}
h4 a {
    color: #df9e0e;
    font-weight: 400;
}
h4 a:hover {
    color: #0b2857;
    text-decoration: underline;
}
h4 sup { top: 0.2em; }
.wb {
    color: #000000;
    text-shadow: 0px 0px 5px rgb(255, 255, 255);
    font-weight: 400;
}
.wbb {
    font-weight: 600;
}
.white { color: #ffffff; }
.blue-n-yellow { height: 75px; }
.tbl { display: table; }
.td {
    display: table-cell;
    vertical-align: middle;
    float: none !important;
}

p, section ul li {
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #272727;
    line-height: 28px;
    transition: 0.2s;
}
#causes li, #causesb li {
    line-height: 32px;
}
p a, ul li a, #isi p a, #footer-nav li a {
    color: #e8a20b;
    font-weight: 700;
}
#indication p, #isi p, #isi ul li {
    font-size: 18px;
    line-height: 22px;
}
#isi p a {
    text-shadow: 0 0 4px #fff;
    -moz-text-shadow: 0 0 4px #fff;
    -webkit-text-shadow: 0 0 4px #fff;
}
#footer-nav li a {
    font-weight: 600;
}
p a:hover, ul li a:hover, #isi p a:hover {
    color: #2c1d02;
    /*text-decoration: underline;*/
}
/*.hp-d sup, div > sup, p > sup {
    font-size: 22px;
    vertical-align: text-top;
    position: relative;
    top: 0.1em;
}
div > sup {
    font-size: 12px;
    top: -0.2em;
}
p > sup {
    font-size: 12px;
    top: -0.5em;
}
.tagline-D sup {
    top: -0.7em;
}*/
section ul li, .aside-box {
    font-family: "Roboto Condensed", sans-serif;
    color: #0b2857;
    font-weight: 400;
}
#intend-for-patients {
    padding: 0;
    background: #dddddd;
}
#isi h4 {
    text-decoration: underline;
    margin-top: 0;
    margin-bottom: 15px;
}
#isi ul {

}
#isi ul li, #privacy ul li {
    font-family: 'Raleway', sans-serif;
    color: #272727;
    font-weight: 500;
    margin-bottom: 10px;
    margin-left: -20px;
}
.aside-box {
    padding: 7% 3%;
    text-align: left;
    font-size: 20px;
}
hr {
    border: 0; height: 1px;
    background-image: linear-gradient(to right, rgba(253, 181, 25, 0.20), rgba(253, 181, 25, 0.95), rgba(253, 181, 25, 0.20));
    margin: 10px 0 10px 0;
}
sup, .tagline-E sup, .tagline-C sup {
    font-size: 10px;
    position: relative;
    vertical-align: text-top;
    top: -0.3em;
}
.sup-zero { top: 0; }
/*.sup {
    font-size: 12px;
    margin-top: 0;
}*/
.lft {
    text-align: left;
    transition: 0.2s;
}
.rgt {
    text-align: right;
    transition: 0.2s;
}
.ctr {
    text-align: center;
    transition: 0.2s;
}
.flt-nan {
    float: none !important;
}
.bold {
    font-weight: bold;
}
.pills,
.left-box,
.left-box-b,
.left-box-less,
.left-box-more,
.left-box-fixed,
.left-box-more-hp,
.left-box-less-hp {
    float: left;
    width: 49%;
    transition: 0.2s;
}
.pills-t,
.right-box,
.right-box-less,
.right-box-more,
.right-box-less-hp,
.right-box-fixed,
.right-box-more-hp{
    float: right;
    width: 49%;
    transition: 0.2s;
}
.left-box-less, .right-box-less, .right-box-less-hp, .left-box-less-hp, .pills { width: 35%; }
.left-box-more, .right-box-more, .left-box-more-hp, .right-box-more-hp, .pills-t { width: 63%; }
.left-box-fixed { width: 63%; }
.right-box-fixed { width: 35%; }
.quarter-box {
    width: 33.3%;
    float: left;
    padding: 2%;
}
.outline-box {
    border: 1px #98a7b2 solid;
    border-radius: 10px;
    padding: 30px 0;
    margin-top: 60px !important;
}
.tbl-pain-med {
    background-image: url('../assets/images/read-about-of-benefits.jpg');
    background-repeat: repeat-x;
    background-size: 100%;
    background-position: right center;
    padding: 0 0 40px;
    transition: 0.2s;
    margin: 0 auto;
    width: 80%;
    border: 0;
}
.space-y {
    padding-top: 30px;
    padding-bottom: 30px;
}
.space-y2 {
    padding-top: 4%;
    padding-bottom: 4%;
}
.space-x {
    padding-left: 2%;
    padding-right: 2%;
}
.space-x2 {
    padding-left: 4%;
    padding-right: 4%;
}
.tempoff, .off { display: none; }

.divider {
    width: 100%;
    height: 8px;
    background-image: url('../assets/images/dot.png');
    background-repeat: repeat-x;
}
#OF-logo-wrapper {
    float: left;
    text-align: left;
    width: 36%;
    transition: 0.2s;
}
#OF_logo {
    width: 100%;
    max-width: 350px;
    height: auto;
    margin: 0 0 -15px 0;
    transition: 0.2s;
}
#OF-docs-wrapper {
    float: right;
    text-align: right;
    width: 63%;
    padding-right: 10px;
    /*transition: 0.2s;*/
}
#OF_docs {
    font-family: 'Open Sans Condensed', arial, sans-serif;
    font-size: 16px;
    color: #162651;
}
#OF_docs ul {
    padding: 0; margin: 0;
}
#OF_docs ul li {
    font-family: 'Open Sans Condensed', sans-serif;
    list-style-type: none;
    display: inline;
}
#OF_docs ul li::before {
}
#OF_docs ul li::after {
    content: '\0020 \0020 \0020 \0020 | \0020 \0020 ';
    white-space: pre;
}
#OF_docs ul li:last-child::after {
    content: '';
}
#OF_docs ul li a {
    color: #162651;
}
#skip_nav {
    color: #162651;
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 10;
    font-family: 'Open Sans Condensed', arial, sans-serif;
    font-size: 16px;
}
#OF_docs ul li a:hover, #skip_nav:hover {
    color: #c68e13;
}
#skip_nav:hover {
    cursor: pointer;
}
.OF_bg_blue, .OF_bg_blue_l {
    background-color: #527790;
    margin-top: 30px;
    border: 2px #527790 solid;
    border-radius: 20px;
}
.OF_bg_blue_l {
    margin-top: 0px;
}
.OF_bg_blue_l ul li {
    color: #ffffff;
}
.OF_bg_yellow {
    background-color: #fdb619;
    border: 2px #fdb619 solid;
    border-radius: 20px;
}
#analgesic-table {
    /*display: table; */
    border-collapse: separate;
    border-spacing: 15px;
}
#analgesic-table .analgesic-cells {
    display: table-cell;
    float: none;
}
#pain-scale {
    transition: 0.2s;
}
.pain-scale-img {
    width: 100%;
    max-width: 600px;
    height: auto;
    margin: 0;
}
#prescription {
    /*background-image: url('../assets/images/bg_prescription.jpg');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: left top;*/
    transition: 0.2s;
    margin: 50px 0;
}
#prescription #prescription-bar {
    display: table; width: 100%;
    border: 0px #527790 solid;
    border-radius: 20px;
}
#prescription #prescription-bar .prescription-bar-cells {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 3%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #ffffff;
    font-size: 30px;
    transition: 0.2s;
}
.dosage-box {
    width: 30%;
    font-weight: 500 !important;
    font-size: 30px !important;
    color: #2a5265 !important;
    border-radius: 0 20px 20px 0;
}
.scored-tablets {
    width: 100%;
    min-width: 100px;
    max-width: 130px;
    height: auto;
}
.references {
    margin-top: 0;
    font-size: 14px;
}
.references a {
    color:#343434;
    text-decoration: underline;
}
.references a:hover {
    text-decoration: none;
}
.bg_treatment {
    background-image: url('../assets/images/bg_water_drop.png');
    background-repeat: no-repeat;
    background-size: 200%;
    background-position: center center;
    border-radius: 0;
}

.bg_caffeine {
    background-image: url('../assets/images/bg_caffeine_cup.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center bottom;
}
/*#taglines-A {
    position: absolute;
    width: 100%;
    height: 320px;
    z-index: 371;
    opacity: 1;
    transition: 0.2s;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    top: 200px;
    color: #ffffff;
    font-size: 30px;
    font-weight: 400;
    padding: 0 8% 0 0;
    text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.90), 0px 0px 4px rgba(255, 255, 255, 1);
}
#taglines-B {
    position: absolute;
    width: 100%;
    height: 320px;
    z-index: 372;
    opacity: 1;
    transition: 0.2s;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    top: 230px;
    color: #ffffff;
    font-size: 40px;
    font-weight: 400;
    margin: 0 0 0 8%;
    text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.90), 0px 0px 4px rgba(255, 255, 255, 1);
}*/
.header-stick {
    position: fixed;
    top: 30px;
    z-index: 99;
    transition: none;
    background: #ffffff;
    height: 90px;
}
.OF_logo_mod {
    margin: 0 !important;
    width: 210px !important;
}
.OF_logo_wrapper_mod { width: 33% !important; }
.OF_docs_wrapper_mod {
    width: 73%;
    text-align: right;
}
.OF_docs_ul_mod { margin: 0 0 0 0 !important; }
.nav_mod {
    position: fixed;
    padding: 6px 2% 0 2%;
    height: 46px;
    z-index: 10;
    top: 120px;
}
.nav-ul-li-mod { font-size: 22px; }
.font_adjust_wrapper_mod {
    position: absolute !important;
    top: 0px; /*20px*/
}
.font_adjust_mod {
    margin: 0 0 0 10% !important;
    text-align: right;
    position: absolute;
    right: 10px;
    top: 48px;
}
.sched_telehealth {
    float: right;
    padding: 20px;
    margin-right: 15px;
}
.hero-mod {
    margin-top: 160px !important;
    transition: none !important;
}
.hero-sec-mod {
    margin-top: 185px !important;
    transition: none !important;
}
#ifp {
    font-size: 15px;
    padding-bottom: 10px;
}
.ifp-mod {
    position: fixed !important;
    top: 0;
    font-size: 13px !important;
    z-index: 1000;
    height: 30px;
    padding: 10px 0 0 0 !important;
    background: #ddd;
    max-width: 100% !important;
}
nav {
    text-align: right;
    padding: 20px 2% 0 2%;
    transition: 0.3s;
    height: 70px;
    width: 100%;
    background: rgb(101,130,152);
    background: -moz-linear-gradient(0deg, rgba(101,130,152,1) 0%, rgba(126,153,173,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(101,130,152,1) 0%, rgba(126,153,173,1) 100%);
    background: linear-gradient(0deg, rgba(101,130,152,1) 0%, rgba(126,153,173,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#658298",endColorstr="#7e99ad",GradientType=1);
}
nav>ul {
    max-width: 1170px; /* 1170 with 4th nav item */
    width: 100%;
    padding: 0 70px 0 0;
    margin: 0 auto;
    font-family: 'Roboto Condensed', arial, sans-serif;
    /*font-style: italic;*/
    font-weight: 400;
    color: #ffcf65;
    transition: 0.2s;
}
nav .ul-b {
    padding: 2px 0 0 0;
}
nav>ul li {
    list-style-type: none;  display: inline;
    font-size: 25px; color: #ffffff;
    /*text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.50);*/
    transition: 0.2s;
}
nav>ul a {
    margin: 0 20px 0 20px;
    transition: 0.2s;
}
nav>ul li:hover {
    color: #ffcf65;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.52);
}
nav li .arrow-down {
    width: 0;
    height: 0;
    font-size: 1px;
    display: inline-block;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #3f3f3f transparent transparent transparent;
    -webkit-transform: rotate(360deg);
}

nav li .arrow-right {
    width: 0;
    height: 0;
    font-size: 1px;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #3f3f3f;
    -webkit-transform: rotate(360deg);
}

/* * * * * * * * * * * * * * * * * * * * * */
/*   MOBILE NAV MENU DROPDOWN ***** START  */
nav a#pull {display: none;}

.dropdown {
    position: relative;
/*    display: inline-block;*/
    transition: 0.5s;
}

.dropdown-menu {
    z-index: 1400;
    display: none;
    position: absolute;
    background-color: #7c2600;

    top: 50px;
    left: -18px;
/*    min-width: 150px;*/
    -webkit-box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.4);
    transition: 0.5s;
}

.dropdown-menu a {
    font-family:  'Open Sans Condensed', arial, sans-serif;
    line-height: 20px;
    color: #fff;
    height: auto;
    text-decoration: none;
    display: block;
    transition: 0.5s;
    text-align: left;
    border: 0;
    padding: 20px;
}

.dropdown-menu a:hover {
    color: #fff;
    background-color: #000000;
    transition: 0.5s;
    border: 0;
    padding: 20px;
}

.dropdown:hover .dropdown-menu {
    transition: 0.5s;
    display: inline-block;
}
/*   MOBILE NAV MENU DROPDOWN ***** END  */
/* * * * * * * * * * * * * * * * * * * * */

#nav-curve-wrapper {
    font-size: 0;
    text-align: right;
    padding: 0 2%;
    margin-top: 90px;
    transition: 0.2s;
}
.nav-curve-cut {
    margin-top: 100px !important;
}
#nav-curve {
    width: 100%;
    max-width: 752px;
    height: auto;
    transition: 0.2s;
    /*transform: scaleX(600);
    transform: translateY(0px);*/
}
#facts_n_stats {
    /*margin-top: 40px*/
}

header {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 0 2%;
    transition: 0.3s
}
header .container {
    width: 100%; max-width: 1170px;
    margin: 0 auto;
    padding: 10px 0 0 0;
    text-align: center;
    position: relative;
}
header .screen_width {
    max-width: 100%;
    background-color: #dedede;
}
section, article, footer {
    width: 100%;
    text-align: center;
    padding: 0 2%;
    transition: 0.3s;
}

footer {
    padding: 0 0 20px 0;
    transition: none !important;
}
.footer-bg {
    background-color: #1e2c53;
    transition: none !important;
}
#footer-nav-wrapper {
    height: auto;
}
.footer-colorings {
    background-color: #5a7e95;
    /*border-bottom: 8px solid #fdb619;*/
}
.footer-padding {
    padding: 0 2%;
}
#footer-curve {
    margin-top: -8px;
}
#footer-nav {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
}
#footer-nav ul {
    padding: 0; margin: 0;

}
#footer-nav ul li {
    list-style-type: disc;
    display: inline-block;
    margin: 10px 12px 20px 0;
    padding: 0 0 0 0;
}
#footer-nav ul li a {
    color: #ffffff;
}
#footer-nav ul li a:hover {
    color: #fdb619;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.45);
    -moz-text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.45);
    -webkit-text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.45);
}
#footer-nav ul li::before {
    content: '\2688';
    color: #fdb619;
    padding: 0 12px 0 0;
}
#footer-nav ul li:last-child::after {
    content: '\2688';
    color: #fdb619;
    padding: 0 0 0 12px;
}
#copyright, #legal {
    height: auto;
}
#copyright p, #legal p {
    color: #ffffff;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    text-shadow: 0 0 5px #000000;
}
#legal p {
    font-size: 15px;
    line-height: 20px;
}
#copyright p a {
    color: #fdb619;
    font-weight: 400;
}
#copyright p a:hover {
    color: #ffffff;
}
#galt-logo {
    padding: 25px 1% 0 1%;
    text-align: right;
}
#galt-logo img {
    width: 100%;
    max-width: 124px;
    height: auto;
}
#hero {
    /*height: 600px;*/
    background-image: url('../assets/images/hero_banner_img.jpg');
    background-repeat: no-repeat;
    background-position: 100% -150px;
    background-size: 110%;
    position: relative;
    transition: 0.2s;
}
#hero-sec {
    /*height: 290px;*/
    background-image: url('../assets/images/hero_banner_b.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto;
    background-color: #f7f2ee;
    position: relative;
    transition: 0.2s;
    /*-webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.1);*/
}
.content-width {
    width: 100%; max-width: 1170px;
    margin: 0 auto;
    padding: 10px 10px 0 10px;
    text-align: center;
    position: relative;
}
#inner-banner {
    height: 122px;
    width: 100%;
    background-color: rgba(67, 95, 115, 0.92);
    /*position: absolute;
    bottom: 0;
    left: 0;*/
    transition: 0.2s;
}
#fda-review {
    background-image: url('../assets/images/review_approval.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #f7efe0;
    padding: 5% 5% 5% 20%;
}
#caffeine {
    width: 30%; float: right;
    text-align: right;
    margin-top: -70px;
    transition: 0.1s;
}
#caffeine img {
    max-width: 143px; height: auto; transition: 0.2s;
}
#aspirin {
    width: 30%; float: right;
    text-align: right;
    margin-top: -70px;
    transition: 0.1s;
}
#aspirin img {
    max-width: 132px; height: auto; transition: 0.2s;
}
#orphenadrine {
    width: 40%; float: right;
    text-align: right;
    margin-top: -70px;
    transition: 0.1s;
}
#orphenadrine img {
    max-width: 201px; height: auto; transition: 0.2s;
}
#ab-rated {
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    padding: 20px 0 0 0;
    transition: 0.2s;
}
#copay-bar {
    height: auto;
    background: rgb(211,210,209);
    background: -moz-linear-gradient(0deg, rgba(211,210,209,1) 0%, rgba(211,220,227,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(211,210,209,1) 0%, rgba(211,220,227,1) 100%);
    background: linear-gradient(0deg, rgba(211,210,209,1) 0%, rgba(211,220,227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d3d2d1",endColorstr="#d3dce3",GradientType=1);
}
#copay-curve {
    width: 100%; max-width: 1170px;
    font-size: 0;
    text-align: right;
    padding: 0 2%;
    margin: 0 auto;
}
#copay-curve #copay-curve-wrap {
    width: 100%;
    /*max-width: 632px;*/
    height: 40px;
    background-image: url('../assets/images/copay-curve.png');
    background-repeat: no-repeat;
    background-position: right top;
}
#copay-card-wrapper {
    display: block;
    position: absolute;
    top: 830px;
}
#copay-card-lft {
    float: left; width: 49%;
    max-width: 500px;
}
#copay-card {
    text-align: center;
    /*width: 49%; enable just for the card */
    max-width: 500px;
    top: 30px;
    position: absolute;
    left: 54%; /* 49.5% just the card */
}
#copay-left {
    float: left;
    max-width: 550px;
    width: 49%;
    font-family: 'Raleway', arial, sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #162651;
    padding: 40px 0 50px 4%;
    text-align: left;
    transition: 0.2s;
    /*border: 1px solid #ffffff;*/
}
#copay-right {
    float: right;
    max-width: 550px;
    width: 49%;
    /*border: 1px solid #ffffff;*/
}
#copay-mobile {
    text-align: center;
    padding-bottom: 5%;
    padding-top: 20px;
    display: none;
}
#learn_more {
    float: left;
    max-width: 500px;
    width: 50%;
    text-align: center;
    transition: 0.2s;
}
#font_adjust {
    float: right;
    margin: 15px 0;
    padding-right: 0;
    cursor: pointer;
}
.of-button, .sched_button, .th_button {
	-moz-box-shadow: 0px 4px 0px 0px #9e9e9e;
	-webkit-box-shadow: 0px 4px 0px 0px #9e9e9e;
	box-shadow: 0px 4px 0px 0px #9e9e9e;
	background-color: #fdb519;
	-moz-border-radius: 42px;
	-webkit-border-radius: 42px;
	border-radius: 42px;
	display: inline-block;
	cursor: pointer;
	color: #294d68;
	font-family: 'Open Sans Condensed', Arial;
	font-size: 25px;
	padding: 16px 41px;
	text-decoration: none;
	/*text-shadow: 0px 1px 1px #2f6627;*/
}
.sched_button {
    font-family: 'Open Sans Condensed', Arial;
    font-size: 16px;
    font-weight: 700;
    padding: 3px 20px 6px;
    background-color: #fdb519;
    border: 1px solid #fdb519;
    box-shadow: none;
    text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    color: #000;
    margin: 5px 10px 12px 0;
}
.th_button {
    padding: 6px 40px 8px;
}
.th-yes {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	/*box-shadow: 0px 4px 5px 0px #1e2c5394;*/
	background-color: #fdb519;
    border: 2px solid #fdb519;
    font-weight: 600;
	/*text-shadow: 0 0 3px #464646;
    -moz-text-shadow: 0 0 3px #464646;
    -webkit-text-shadow: 0 0 3px #464646;*/
}
.th-no {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
	box-shadow: none;
	background-color: rgba(173, 173, 173, 0.5);
    border: 2px solid #fdb519;
    font-weight: 600;
	/*text-shadow: 0 0 3px #464646;
    -moz-text-shadow: 0 0 3px #464646;
    -webkit-text-shadow: 0 0 3px #464646;*/
}
.th-yes:hover, .th-no:hover {
    text-shadow: 0 0 3px #000000;
    -moz-text-shadow: 0 0 3px #000000;
    -webkit-text-shadow: 0 0 3px #000000;
}
.sched_button_mod {
    position: absolute;
    top: 38px !important;
    right: 50px;
}
.of-button:hover, .sched_button:hover, .th_button:hover {
    -moz-box-shadow: 0px 0px 0px 0px #fdb519;
	-webkit-box-shadow: 0px 0px 0px 0px #fdb519;
	box-shadow: 0px 0px 0px 0px #fdb519;
	background-color: #966818;
    color: #fff;
}
.sched_button:hover {
	background-color: #fff;
    color: #343434;
}
.th_button:hover {
    border: 2px solid #966818;
}
.of-button:focus, .sched_button:focus, .th_button:focus {
    box-shadow: 0 0 2px 2px #162651;
}

.fact-stats-copy {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #272727;
    margin-top: 20px;
}

.site-map {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #162651;
}
.site-map ul {
    margin-top: -30px;
}
#not-a-patient {
    display: none;
    position: absolute;
    color: #fff;
    text-shadow: 0 0 10px #1e2c53;
    font-weight: 600;
    left: 0;
    right: 0;
    top: -120px;
}
#naap {
    text-align: left;
    margin-left: 2%;
}
#not-a-patient-inner {
    position: absolute;
    color: #000;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff;
    top: 260px;
    left: 150px;
    transition: 0.2s;
}
.notation {
    margin-top: 20px;
    font-size: 14px;
    text-align: left;
    transition: 0.2s;
}
.notation a {
    color: #162651;
    font-weight: 600;
}
.notation a:hover {
    color: #966818;
    text-decoration: underline;
}
.newroll {
    font-size: 16px;
}
.sticky {
    position: fixed;
    bottom: 0;
    height: 30%; /** 170px **/
    z-index: 1;
}
.sticky-not {
    position: relative;
    bottom: inherit;
    height: auto;
}
.speaking {
    animation: shadowThrob 0.9s infinite;
    animation-direction: alternate;
    -webkit-animation: shadowThrob 0.9s ease-out infinite;
    -webkit-animation-direction: alternate;
}
.speech {
    cursor: url('../assets/images/speech.png'), auto;
}
@keyframes shadowThrob {
	from {box-shadow: 0 0 10px 3px rgba(253,181,25, 0.9);}
	to {box-shadow: 0 0 10px 3px rgba(253,181,25, 0.2);}
}
@-webkit-keyframes shadowThrob {
	from {box-shadow: 0 0 10px 3px rgba(253,181,25, 0.9);}
	to {box-shadow: 0 0 10px 3px rgba(253,181,25, 0.2);}
}

#offer_list {
    margin-left: -20px;
}
#rest { margin-top: 30px; }
#cookie-notice {
    display: none;
    position: fixed;
    min-width: 100%;
    height: auto;
    z-index: 100000;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 20px;
    left: 0;
    bottom: 0;
    text-align: center;
    font-weight: normal;
    font-family: -apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;
    background-color: #1e2c53;
}
.cookie-notice-container {
    padding: 15px 30px;
    text-align: center;
    width: 100%;
    z-index: 2;
}
.cn-text-container, .cn-buttons-container {
    display: inline-block;
}
.cn-text-container {
    margin: 0 0 6px 0;
}
.cn-close-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    width: 15px;
    height: 15px;
    opacity: 0.5;
    padding: 10px;
    outline: none;
}
#cookie-notice .cn-button {
    margin: 0 0 0 10px;
    border: none;
}
.cn-button.bootstrap {
    color: #000;
    background: #fdb519;
}
.cn-button {
    font-family: -apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: none;
    display: inline-block;
    cursor: pointer;
    touch-action: manipulation;
    white-space: nowrap;
    outline: none;
    box-shadow: none;
    text-shadow: none;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.cn-button.wp-default, .cn-button.bootstrap {
    text-decoration: none;
    padding: 8.5px 10px;
    line-height: 1;
}
#telehealth_popup {
    display: none;
    z-index: 1002;
    position: absolute;
    top: 30%;
    left: 50%;
    border: none;
    transform: translateX(-50%);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-family: 'Open Sans Condensed';
    padding: 0;
    background: rgba(255,255,255,1);
    /*background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,205,185,1) 86%, rgba(255,228,217,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(86%, rgba(250,205,185,1)), color-stop(100%, rgba(255,228,217,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,205,185,1) 86%, rgba(255,228,217,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,205,185,1) 86%, rgba(255,228,217,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,205,185,1) 86%, rgba(255,228,217,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(250,205,185,1) 86%, rgba(255,228,217,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffe4d9', GradientType=0 );*/
    background-image: url('../assets/images/telehealth-popup-bg.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 160%;
    -webkit-box-shadow: 0px 6px 13px 10px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 6px 13px 10px rgba(0,0,0,0.45);
    box-shadow: 0px 6px 13px 10px rgba(0,0,0,0.45);
    max-width: 850px;
    width: 60%;
    height: auto;
}
#telehealth_popup #exit_telehealth {
    cursor: pointer;
    color: #fc4d00;
    background: #ffffff;
    padding: 4px 10px 2px 10px;
    float: right;
    transition: 0.2s;
    /*border: 1px solid #fc4d00;*/
    height: auto;
    margin: 20px 25px;
    border-radius: 5px;
}
#telehealth_popup h1 {
    font-size: 75px;
    color: #fff;
    font-family: 'Open Sans Condensed';
    line-height: 70px;
    text-shadow: 0px 0px 4px #1d6fa2;
}
#telehealth_popup #th_note_wrapper {
    display: block;
    box-sizing: border-box;
    background-color: rgba(31, 66, 108, 0.54);
    clip-path: ellipse(95% 100% at 50% 100%);
    padding: 60px 25px;
    border-radius: 0 0 0 19px;
}
#telehealth_popup #th_note {
    color: #ffffff;
    font-family: 'Open Sans Condensed';
    font-size: 20px;
}
#telehealth_popup .th-l {
    padding: 0 25px;
}
#telehealth_popup .th-r {
    position: relative;
}
#telehealth_popup #th_buttons {
    position: fixed;
    bottom: 60px;
    right: 25px;
}
#telehealth_popup #th_yes, #telehealth_popup #th_no {
    float: right;
    margin: 0 5px;
}

/* * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * */
/** MODAL POPUP for leaving site **/

#confirm, #confirm-box-container { display: none; }
.modal-btn {
    padding: 5px 15px;
    font-size: 19px;
    text-shadow: 0px 0px 4px #674710;
    color: #fff;
}
#confirm-overlay { background-color:#eee; }
#confirm-container, #confirm-box-container {
    height: max-content !important;
    transform: translateY(-28%);
    width: 65%;
    text-align: left;
    padding: 20px;
    z-index: 10000 !important;
    background:rgba(255,255,255,1);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow:0 5px 5px 5px rgba(0,0,0,.25);
    -moz-box-shadow:0 5px 5px 5px rgba(0,0,0,.25);
    box-shadow:0 5px 5px 5px rgba(0,0,0,.25)
}
#confirm-box-container {
    position: fixed;
    top: 28% !important;
    max-width: 800px;
    left: 50%;
    transform: translate(-50%, -50%);
}
#confirm-container .header, #confirm-box-container .header {
    height:30px;
    line-height:30px;
    width:100%;
    color:#fc4d00;
    font-weight:700
}
#confirm-container .header span, #confirm-box-container .header span {
    padding-left:8px
}
#confirm-container .message, #confirm-box-container .message {
    color:#333;
    font-size:16px;
    margin:0;
    padding:12px 4px 12px 8px;
    line-height:20px
}

#confirm-container .buttons .yes,
#confirm-container .buttons .no,
#confirm-box-container .buttons .yes,
#confirm-box-container .buttons .no {
    float: right;
    margin: 10px 0 10px 20px;
}

/*#confirm-container .buttons .yes:hover,
#confirm-container .buttons .no:hover {
    color: #49c5b6 !important;
    background: #ffffff !important;
    box-shadow: inset 0px 0px 0px 2px #49c5b6;
}*/
/**   END MODAL POPUP leaving site   **/
/** * * * * * * * *  * * * * * * * * **/
/** * * * * * * * *  * * * * * * * * **/
/** * * * * * * * *  * * * * * * * * **/


/* ******************************  1 5 8 0 px  * * * * * * * * * * * * * * * */
@media only screen and (max-width : 1580px) {
    #hero {
        background-position: 100% -150px;
        background-size: 120%;
    }
}

@media only screen and (max-width : 1300px) {
    #hero {
        background-position: 100% -120px;
    }
}

/* ******************************  1 1 2 0 px  * * * * * * * * * * * * * * * */
@media only screen and (max-width : 1120px) {
    #hero {
        background-position: -200px center;
        background-size: 120%;
    }
    #hero-sec {
        /*height: 350px;*/
        background-position: 40% bottom;
    }
    .tagline-E {
        margin-top: 1%;
    }
    .tagline-D {
        font-size: 36px;
    }
    #OF_logo {
        width: 100%;
        max-width: 300px;
        margin: 5px 0 -5px 0;
    }
    #not-a-patient-inner {
        top: 310px;
        left: 170px;
    }
    .br-b::before, .br-d::before {
        content: "";
        white-space: pre;
    }
    .br-c::before {
        content: "\a";
        white-space: pre;
    }
    .hp {
        font-size: 37px;
        font-weight: 900;
        font-style: normal;
    }
    /*#OF-docs-wrapper { text-align: center; }
    #OF_docs ul li:nth-child(2)::after {
        content:"\a";
        white-space: pre;
    } */
    /*.hp-a { margin-left: 10px; }
    .hp-b { margin-left: 20px;}
    .hp-c { margin-left: 30px;}*/

    #copay-card {
/*        top: 10px;  */
    }
    .hp-d { }
    /*.hp-d sup {
        font-size: 22px;
        font-weight: 600;
    }  */
    #caffeine {  }
    #caffeine img { width: 90%; }
    #aspirin {  }
    #aspirin img { width: 84%; }
    #orphenadrine {  }
    #orphenadrine img { width: 95%; }

    #telehealth_popup {
        width: 70%;
    }
}

/* ******************************  1 0 0 0 px  * * * * * * * * * * * * * * * */
@media only screen and (max-width : 1000px) {
    .tagline-A {
        margin-left: 42%;
        font-size: 22px;
    }
    .tagline-A2 {
        margin-top: -10px;
        margin-left: 49%;
        font-size: 22px;
    }
    .tagline-B {
    }
        font-size: 40px;
    .tagline-C, .tagline-E, .tagline-I {
        font-size: 20px;
        line-height: 25px;
    }
    .tagline-D {
        font-size: 34px;
        line-height: 36px;
    }
    #OF-docs-wrapper {
        float: none;
        text-align: center;
        width: 100%;
        padding-right: 0;
        position: absolute;
        top: 110px;
        /* transition: 0.2s; */
    }
    .OF_docs_wrapper_mod {
        float: right !important;
        text-align: right !important;
        width: 63% !important;
        padding-right: 10px !important;
        position: relative !important;
        top: 0 !important;
    }
    #nav-curve-wrapper {
        margin-top: 120px;
    }
    .nav-curve-cut {
        margin-top: 120px !important;
    }
    nav {
        text-align: right;
        padding: 20px 2% 0 2%;
        height: 70px;
    }
    nav>ul {
        max-width: 1020px;
        width: 100%;
        padding: 0 120px 0 0;
    }
    nav>ul li {
        font-size: 22px;
    }
    nav>ul a {
        margin: 0 10px 0 10px;
    }
    #telehealth_popup {
        top: 25%;
        width: 76%;
    }
    #telehealth_popup h1 {
        font-size: 70px;
        line-height: 60px;
    }
    #font_adjust {
        position: absolute;
        right: 10px;
        top: 45px;
    }
    .font_adjust_mod {
        top: 48px !important;
    }
}
@media only screen and (max-width : 920px) {
    #OF_docs ul li::after {
        content: '\0020 \0020 | ';
    }
}
/* ******************************  9 0 0 px  * * * * * * * * * * * * * * * */
@media only screen and (max-width : 900px) {
    #hero {
        background-position: 65% 0;
        background-size: 140%;
        /*height: 640px;*/
    }
    #hero-sec {
        background-position: 38% bottom;
    }

    #copay-card {
        /*top: -40px; */
    }
    .quarter-box { width: 100%; float: none; }
    .hp {
        font-size: 30px;
    }
    .hp-c {
        margin-left: 70px;
    }
    .tagline-A {
        margin-left: 42%;
    }
    .tagline-A2 {
        margin-left: 52%;
    }
    .tagline-B {
        font-size: 40px;
    }
    .tagline-C, .tagline-E {

        font-size: 20px;
    }
    .tagline-D {
        font-size: 34px;
        line-height: 36px;
    }
    .tagline-E {
        margin-top: 1%;
    }
    #caffeine { margin-top: -40px; }
    #caffeine img {  }
    #aspirin { margin-top: -41px; }
    #aspirin img {  }
    #orphenadrine { margin-top: -41px; }
    #orphenadrine img {  }
    #copay-card-wrapper {
        top: 880px;
    }
    #telehealth_popup {
        top: 25%;
        width: 80%;
    }
}
@media only screen and (max-width : 880px) {
    #OF_docs { font-size: 14px; }
}
@media only screen and (max-width : 850px) {
    #hero {
        /*height: 600px;*/
    }
    #prescription {
        background-position: left bottom;
    }
    .tagline-A, .tagline-A2 {
        font-size: 18px;
        line-height: 24px;
    }
    .tagline-A2 sup {
        top: -0.3em !important;
    }
    .tagline-B {
        margin-left: 2%;
        font-size: 38px;
    }
    .tagline-C, .tagline-E, .tagline-I {
        font-size: 18px;
        line-height: 22px;
    }
    .tagline-D {
        font-size: 34px;
        line-height: 36px;
    }
    .Ipad {
        margin-top: 10px;
    }
    nav {
        text-align: center;
        padding: 20px 1% 0 1%;
    }
    nav>ul {
        padding: 0;
    }
    #copay-card-wrapper {
        top: 830px;
    }
    #not-a-patient {
        /*top: 300px; */font-size: 16px;
    }
    #telehealth_popup h1 {
        font-size: 60px;
        line-height: 56px;
    }
    h1 sup {
        top: -0.3em;
    }
    .sup-mod sup {
        top: 0.5em;
    }
}

/* ******************************  8 0 0 px  * * * * * * * * * * * * * * * */
@media only screen and (max-width : 800px) {
    #hero {
        background-position: 90% bottom;
        background-size: 120%;
    }
    #hero-sec {
        background-position: 35% bottom;
    }
    #fda-review {
        background-image: none;
        padding: 5% 5% 5% 5%;
    }
    nav {
        text-align: center;
        padding: 20px 1% 0 1%;
        height: 70px;
    }
    nav>ul {
        max-width: 1020px;
        width: 100%;
    }
    nav>ul li {
        font-size: 22px;
    }
    nav>ul a {
        margin: 0 10px 0 10px;
    }
    .hs-d { margin-left: 110px; }
    #copay-card {
        /*top: -80px; */
    }


    .tagline-A {
        margin-left: 36%;
    }
    .tagline-A2 {
        margin-left: 52%;
    }
    .tagline-B {
        margin-left: 0;
        font-size: 38px;
    }
    .pain {
        float: none;
        width: 100%;
    }
    .rbm-ul ul {
        padding: 0;
        margin-left: 20px;
    }
    #facts_n_stats {
        margin-top: 0;
    }
    .hs-e { margin-left: 130px; }
}

/* ******************************  7 5 0 px  * * * * * * * * * * * * * * * */
@media only screen and (max-width : 750px) {
    .tagline-C {

    }
    .tagline-D {
        font-size: 33px;
    }
    .bg_treatment {
        background-size: 400%;
        background-position: center center;
    }
    #copay-card { top: 50px !important; }
    #hero-sec {
        background-position: 33% bottom;
    }
    #prescription #prescription-bar .prescription-bar-cells {
        font-size: 20px;
    }
    .dosage-box {
        font-size: 20px !important;
        width: 30%;
    }
    nav>ul li {
        font-size: 20px;
    }

    .tbl-pain-med {
        background-size: 140%;
        background-position: right bottom;
        padding: 0 20px 40px;
        width: 90%;
    }

    #telehealth_popup {
        background-size: 170%;
        top: 25%;
        width: 84%;
    }
}

/* ******************************  7 0 0 px  SUB NAV CHANGES HERE * * * * * * * * * * * * * * * */
@media only screen and (max-width : 700px) {
    #OF-logo-wrapper {
        float: none;
        text-align: center;
        width: 100%;
    }
    #OF_logo {
        width: 100%;
        max-width: 350px;
        /*margin: 40px 0 25px 0; */
        margin: 10px 0 25px 0;
    }
    #OF-docs-wrapper {
        /*top: 170px;*/
        top: 140px;
    }
    .OF_docs_wrapper_mod {
        float: none !important;
        text-align: center!important;
        width: 100% !important;
        padding-right: 0px !important;
        position: relative !important;
        top: 0 !important;
    }
    .OF_logo_wrapper_mod {
        width: 100% !important;
    }
    #OF_docs {
        font-size: 14px;
    }
    #OF_docs ul {
        margin: 0;
    }
    .OF_docs_ul_mod {
        margin: 7px 0 0 0 !important;
    }
    nav {
        text-align: center;
        padding: 10px 1% 10px 1%;
        height: auto;
    }
    nav>ul li {
        display: block;
        font-size: 20px;
        margin: 0 0 10px 0;
    }
    nav>ul a {
        margin: 0;
    }

    nav ul {
		display: none;
		height: auto;
	}

    nav a:hover, .nav_on {
        /*padding: 0;
        border-bottom: 3px solid #fc4d00;
        transition: 0.2s;*/
    }

	nav a#pull {
		display: block;
		font-family: 'Roboto Condensed', arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        color: #ffffff;
        text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.52);
        text-align: left;
		width: 20%;
		position: relative;
        z-index: 600;
        margin-left: 25px;
	}
    nav a#pull:hover {
        color: #fdb619;
        text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.52);
    }
	nav a#pull::before {
		content:"";
		background: url('../assets/images/nav-icon.png') no-repeat;
		width: 32px;
		height: 22px;
		display: inline-block;
		position: absolute;
		left: -8px;
		top: 5px;

	}
  	nav li {
		width: 100%;
		float: none;
        display: block;
		position: relative;
        margin: 0;
	    padding: 0;
        font-size: 22px;
        height: auto;
        z-index: 590;
	}
    nav li:hover {
        /*background-color: #430301;*/
    }
  	nav li a {
/*		 border-bottom: 1px solid #cecece; */
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 20px;
  	}
    nav li a:hover, .nav_on {
        border-bottom: 1px solid #9f9f9f;
        padding: 0;
    }

    nav li .arrow-down, nav li .arrow-right {
/*        border-width: 0;*/
    }
    .nav_mod {
        top: 140px;
        height: auto;
        padding: 6px 2% 6px 2%;
    }
    .header-stick { height: 110px; }
    #nav-curve-wrapper { margin-top: 20px; }
    .nav-curve-cut {
        margin-top: 10px !important;
    }
    .blue-n-yellow { height: 105px; }
    #hero {
        background-size: 115%;
        background-position: 90% bottom;
    }
    #hero-sec {
        /*height: 270px;*/
        background: none;
        background-color: #fbf9f4;
    }
    #inner-banner { height: 130px; }
    #nav-curve-wrapper, #copay-curve {
        text-align: center;
        padding: 0 1%;
    }
    #nav-curve {
        width: 90%;
        max-width: 752px;
    }
    #copay-curve #copay-curve-wrap {
        width: 100%;
        background-position: center top;
        background-size: 100%;
    }
    #copay-card { /*top: 100px !important; */}
    #copay-card-wrapper { top: 860px; }
    .tagline-A { margin-left: 5%;  margin-bottom: 10px; }
    .tagline-A2 { margin-left: 50%; margin-top: 0; }
    .tagline-B { margin: 10px auto 15px; text-align: center; font-size: 34px; }
    .tagline-C { left: 1%; position: relative; width: 100%; margin-top: 2%;     margin-left: 0; }
    .tagline-D { width: 100%; text-align: center; }
    .tagline-E { left: 1%; position: relative; width: 100%; margin-top: -20px; font-weight: 400; }
    .br-d::before {
        content: "\a";
        white-space: pre;
    }
    .hp-c {
        margin-left: 60px;
    }
    #caffeine { margin-top: -10px; }
    #caffeine img { }
    #aspirin { margin-top: -10px; }
    #aspirin img { }
    #orphenadrine { margin-top: -10px; }
    #orphenadrine img { }
    #copay-left {
        font-size: 21px;
    }
    .tbl {
        display: block;
        padding-bottom: 30px !important;
    }
    .td {
        display: block;
        padding-bottom: 20px;
        width: 100%;
    }
    #not-a-patient-inner {
        display: none;
    }
    #not-a-patient {
        /*top: 380px;*/
    }
    .sched_button {
        padding: 3px 20px 6px;
        margin: 27px 0 0 0;
        float: none;
    }
    #font_adjust {
        /* float: right; */
        /*margin: 20px 0;*/
        padding-right: 0;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 19px;
    }
    .font_adjust_mod {
        margin: 0 0 0 10% !important;
        top: 5px;
    }
    .sched_button_mod {
        top: 89px;
        right: -10px;
        color: #000;
        font-weight: 700;
    }
    #telehealth_popup {
        background-size: 200%;
        top: 25%;
        width: 84%;
    }
    #telehealth_popup h1 {
        font-size: 55px;
        line-height: 50px;
    }
    .th_button {
        padding: 3px 30px 5px;
    }
    .tbl-pain-med {
        padding: 5px 15px 30px;
        width: 100%;
    }
}

/* ******************************  6 0 0 px  SUB NAV CHANGES HERE * * * * * * * * * * * * * * * */
@media only screen and (max-width : 600px) {
    #hero { /* Changes here */
        background-position: 90% 250px;
        background-size: 120%;
        /*background-image: url('../assets/images/hero_banner_img_pln.jpg');*/
    }
    h1, .tagline-h1 {
        font-size: 36px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 26px;
    }
    h4 {
        font-size: 22px;
    }
    .blue-n-yellow {
        height: auto;
    }
    .tagline-A {
        margin-top: 10px;
        margin-left: 5%;
        font-size: 18px;
        line-height: 24px;
    }
    .tagline-A2 {
        margin-left: 5%;
        margin-bottom: 150px;

    }
    .tagline-C {
        font-size: 18px;
    }
    .tagline-B {
        /*text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.55);*/
    }
    .tagline-D {
        /*font-size: 26px;*/
        /*text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.55);*/
    }
    .br-a::before, .br-d::before { content: "";}
    .hp {margin-left: 5px; font-size: 22px;}

    .hp-a { margin-left: 7%; }
    .hp-b { margin-left: 12%;}
    .hp-c { margin-left: 16%;}
    /*.hp-d sup { font-size: 14px; }*/

    #ab-rated {
        font-size: 13px;
        padding: 6px 0 0 0;
    }
    .tempoff {
        display: block;
    }
    .left-box-b,
    .right-box,
    .left-box-more,
    .right-box-less,
    .pills,
    .pills-t,
    .left-box-less,
    .right-box-more {
        float: none;
        width: 100%;
    }
    .left-box {
        float: none;
        width: 65%;
    }
    .pain-scale-img {
        margin-top: 2%;
    }
    .scored-tablets {
        min-width: 80px;
        max-width: 85px;
    }
    #analgesic-table .analgesic-cells {
        display: block;
        float: inherit;
    }
    #copay-card { top: 60px !important; }
    #copay-card-wrapper {
        top: 910px;
    }
    .no-patient {
        display: none;
    }
    #not-a-patient {
        display: block;
        text-shadow: none;
        font-weight: 300;
        left: 50px;
        right: 0;
        /*top: 360px;*/
        color: #3d3d3d;
    }
    #naap {
        text-align: left;
        margin-left: 50%;
        font-size: 14px;
    }
    #caffeine { margin-top: -49px; }
    #caffeine img { }
    #aspirin { margin-top: -50px; }
    #aspirin img { }
    #orphenadrine { margin-top: -49px; }
    #orphenadrine img { }

    #telehealth_popup {
        top: 25%;
        width: 88%;
    }
    #telehealth_popup #th_note_wrapper {

        background: rgb(31,66,108);
        background: -moz-linear-gradient(0deg, rgba(31,66,108,0) 0%, rgba(31,66,108,0.64) 30%);
        background: -webkit-linear-gradient(0deg, rgba(31,66,108,0) 0%, rgba(31,66,108,0.64) 30%);
        background: linear-gradient(0deg, rgba(31,66,108,0) 0%, rgba(31,66,108,0.64) 30%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f426c",endColorstr="#1f426c",GradientType=1);

        border-radius: 0;
    }
    #telehealth_popup #th_buttons {
        position: inherit;
        text-align: center;
        right: auto;
        padding: 30px 20px 0 0;
    }
    #galt-logo {
        text-align: center;
    }
}

/* ******************************  5 7 0 px  SUB NAV CHANGES HERE * * * * * * * * * * * * * * * */
@media only screen and (max-width : 570px) {
    #hero {}
    /*.hp-a { margin-left: 0; }*/
    #copay-left {
        float: none;
        width: 100%;
        padding: 40px 0 20px 0;
    }
    #copay-card {
        display: none;
        width: 100%;
        position: absolute;
        left: 0;
    }
    #copay-card-wrapper {
        display: none;
    }
    #copay-right {
        float: none;
        width: 100%;
    }
    #copay-mobile {
        display: block;
    }
    #learn_more {
        float: none;
        max-width: 500px;
        width: 100%;
        text-align: center;
    }
    .of-button {
        font-size: 22px;
        padding: 10px 30px;
    }
    .tagline-C {

    }
    .tagline-D {

    }
    .dosage-box {
        font-size: 17px !important;
    }
    #telehealth_popup {
        top: 23%;
        width: 90%;
    }
}

/* ******************************  5 3 0 px  * * * * * * * * * * * * * * * */
@media only screen and (max-width : 530px) {
    .tagline-A {
        margin-left: 5%;
        font-size: 16px;
        line-height: 22px;
    }
    .tagline-A2 {
        margin-left: 5;
        margin-top: 15px;
        font-size: 16px;
        line-height: 20px;
    }
    .tagline-B {
    }
    .tagline-C, .tagline-E, .tagline-I {
        font-size: 16px;
    }

    #hero {
        /*height: 580px;*/
    }
    nav>ul li {
        font-size: 18px;
    }
    .br-d::before { content: "\a";}
    .hp-b { margin-left: 15%;}
    .tbl-pain-med {
        background-size: 170%;
        background-position: right bottom;
    }
}

/* ******************************  4 8 5 px  * * * * * * * * * * * * * * * */
@media only screen and (max-width : 485px) {
    #hero {
        background-position: 90% 290px;
    }
    .tagline-B {
        margin: 0 auto 0;
    }
    .tagline-B, .tagline-D {
        font-size: 26px;
    }
    /*.tagline-D sup {
        top: -0.3em;
    }*/
    nav a {
        text-indent: 10px;
    }
    nav a#pull {
        font-size: 19px;
        text-shadow: 0px 0px 3px rgb(0 0 0 / 52%);
        margin-left: 20px;
    }
    nav a#pull::before {
        width: 22px;
        height: 12px;
        left: -15px;
    }
    .nav-ul-li-mod {
        font-size: 18px;
    }
    nav>ul li img {
        display: none;
    }
    h1 {
        font-size: 30px;
    }
    .tbl-pain-med {
        background-size: 210%;
        background-position: right center;
    }
    #OF_logo {
        width: 70%;
        max-width: 350px;
        margin: 5px 0 25px 0;
    }
    .OF_logo_mod {
        width: 40% !important;
    }
    #OF-docs-wrapper { top: 110px; }
    #font_adjust { top: 15px; }
    .font_adjust_mod { top: 10px !important; }
    .sched_button {
        margin: 35px 0 -5px 0;
        padding: 3px 20px 4px;
        font-size: 13px;
    }
    .sched_button_mod {
        right: -30px;
        font-size: 13px;
        padding: 3px 10px 5px;
        margin: 26px 20px 9px 0;
    }
    #telehealth_popup {
        top: 23%;
        width: 92%;
        background-size: 220%;
    }
}
@media only screen and (max-width : 460px) {
    #hero {
        background-position: 90% 270px;
        background-size: 125%;
    }
    .tagline-A {
        margin-left: 3%;
    }
    .tagline-A2 {
        margin-left: 3%;
    }
    .tagline-B {

    }
    .tagline-C, .tagline-E, .tagline-I {
        font-size: 14px;
        line-height: 17px;
    }
    .tagline-D {

    }
    #hero-sec {
        /*height: 250px;*/
    }
}
/* ******************************  4 0 0 px  * * * * * * * * * * * * * * * */
@media only screen and (max-width : 440px) {
    #OF_docs {
        font-size: 14px;
    }
    #inner-banner {
        height: 150px;
    }
    .tagline-A, .tagline-A2 {
        margin-left: 0;
    }
    #ifp {
        font-size: 12px;
        padding-bottom: 8px;
    }
    #telehealth_popup {
        top: 23%;
        width: 96%;
        background-size: 320%;
    }
    #telehealth_popup h1 {
        font-size: 50px;
        line-height: 48px;
    }
    .th_button {
        font-size: 20px;
    }
    #footer-nav ul li {
        margin: 5px 12px 10px 0;
    }
    #footer-nav {
        font-size: 15px;
    }
    #footer-nav ul li::before {
        padding: 0 6px 0 0;
    }
    #copay-left {
        padding: 20px 0 20px 0;
        font-size: 17px;
    }

    #indication p, #isi p, #isi ul li {
        font-size: 15px;
        line-height: 21px;
    }
    #copyright p {
        font-size: 15px;
        line-height: 22px;
    }
    #legal p {
        font-size: 13px;
        line-height: 19px;
    }
/*    #hero-sec {

    }
    #fda-review {
        font-size: 22px;
    }
    .tagline-A, .tagline-C {
        margin-left: 10%;
    }
    .tagline-A2 {
        margin-left: 10%;
    }
    .tagline-B, .tagline-D {
        margin-left: 46%;
    }
    .hp-a { margin-left: 12%; }
    .hp-b { margin-left: 20%; }
    .hp-c { margin-left: 30%; }
    .hs-a { margin-left: 15px; }
    .hs-b { margin-left: 30px; }
    .hs-c { margin-left: 45px; }
    .hs-d { margin-left: 5px; }
    .tagline-C {
        margin-left: 7%;
        line-height: 26px;
    }
    .tagline-D {
        margin-left: 0;
    }
    #ab-rated {
        padding: 5px 0 0 0;
        font-size: 13px;
    }
    .left-box {
        width: 80%;
    }
    #copyright p {
        font-size: 14px;
        line-height: 16px;
    }
    .left-box-more-hp,
    .right-box-less-hp,
    .left-box-less-hp,
    .right-box-more-hp {
        float: none;
        width: 100%;
    }
    .space-y {
        padding-top: 30px;
        padding-bottom: 10px;
    }*/
}

/* ******************************  3 6 0 px  * * * * * * * * * * * * * * * */
@media only screen and (max-width : 360px) {
    #hero {
        background-position: 90% 280px;
        background-size: 130%;
    }
    #OF-docs-wrapper {
        top: 100px;
        font-family: 'Open Sans Condensed', arial, sans-serif;
    }
/*    #hero {

    }
    .hp-a { margin-left: 5%;}
    .hp-b { margin-left: 10%;}
    .hp-c { margin-left: 15%;}
    .hp-d { margin-left: -5%;}
    .tagline-B {
        margin-left: 35%;
    }
    .tagline-C {
        margin-top: 0;
    }
    .tagline-D {
        margin-left: 0;
    }
    #ab-rated {
        padding: 1px 0 0 0;
        font-size: 12px;
    }
    .left-box {
        width: 100%;
    }     */
}