@import url("../webfonts/stylesheet.css?v=1.3");
@import url("jquery.cookiebar.css?v=1");
@import url("jquery.fancybox.min.css");

body {
    font-family: RawsonPro,sans-serif;
    font-size: 22px;
}
.container {
    max-width: 1110px;
}
a:hover {
    text-decoration: none;
}
li {
    display: inline-block;
    list-style-type: none;
}
ul {
    margin: 0;
    padding: 0;
}
.margin-top-none {
    margin-top: 0!important;
}
.videowrapper img {
display: block;
margin: auto;
width: 100%;
max-width: 900px;
}

#pp .videowrapper img {
    display: block;
    margin: 0 auto 60px;
    width: 100%;
    max-width: 866px;
}

.videowrapper p {
    border-bottom: none;
    font-size: 2.4rem;
    margin: 20px auto;
}

.videowrapper p span {
    text-transform: uppercase;
    font-size: .7em;
}

.flex {
    display: flex;
        gap: 60px;
        width: 80%;
        margin: auto;
}

.flex div {
    width: 50%;
}

.flex div img {
    width: 100%;
}

.flex ul, .selected-studies ul {
    padding-left: 20px;
    list-style-type: disc;
}

.flex li, .selected-studies li {
    display: list-item;
    line-height: 1.1;
    margin-bottom: 13px;
    list-style-type: disc;
    font-size: 1.4rem;
}

hr.custom {
    border-bottom: 1px solid #000000;
    opacity: 1;
    margin-top: 90px;
}

hr.custom-2 {
    margin-top: 70px;
    margin-bottom: 70px;
    border-bottom: 1px solid #000000;
    opacity: 1;
}

.section-1 hr.custom {
    margin-bottom: 70px;
    margin-top: 0;
}

p.emphasize {
    border-bottom: none;
    font-size: 1.2em;
    max-width: 680px;
    margin: auto;
}

/* Header CSS*/

header > div {
    justify-content: space-between;
}

header .offcanvas-header {
    display: block;
    text-align: end !important;
    /*margin: 100px 18px 0;*/ margin: 144px 18px 0;
    border-bottom: 2px solid #000;
}

header .offcanvas {
    padding: 0 20px;
    background-color: rgba(255, 255, 255, 0.85);
}
header button i {
    font-size: 50px;
    color: #111;
}
header .btn.btn-primary {
    background-color: transparent !important;
    border: transparent;
}
header .btn.btn-primary:focus {
    box-shadow: none;
}
header ul li {
    padding-bottom: 20px;
    display: block;
}
header ul li a {
    color: #212529;
    text-decoration: none;
    font-size: 24px;
    font-weight: 500;
}
header ul li a:hover {
    color: #212529;
}
.menu-icon {
    padding-left: 16px;
}
.mobile-bars {
    width: 60px;
    height: 4px;
    background-color: #000;
    margin: 9px 0;
}
.offcanvas-body {
    margin-top: 28px;
}
.right-TM {
    background-color: #c2472f;
    color: #fff;
    padding: 10px 8px;
    line-height: 1.3;
}
.head-right {
    background-image: url(../img/head-right.png);
    display: block;
    width: 100%;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 35px;
    max-width: 375px;
    margin-left: auto;
}
.right-learn a {
    width: 100%;
    display: block;
    color: #000000;
    background-color: #ffc82f;
    font-weight: 700;
    text-decoration: none;
}
.right-learn a:hover {
    color: #ffffff;
    background-color: #000;
}

.head-logo img {
    width: 360px;
}

.right-learn.donate {
  margin-top: 3px;
}

.right-learn.donate a, a.button {
    background-color: #c2472f;
    color: #fff;
}

a.button {
    text-decoration: none;
    font-weight: 600;
    padding: 14px 20px 16px;
    display: block;
    width: 200px;
    text-align: center;
    margin: auto;
    cursor: pointer;
}

a.button:hover {
    background: #000;
}

.right-learn.donate a:hover {
  background-color: black;
}

header ul li a:hover {
    color: #23408f;
}

header.sticky {
    position: fixed;
    background: #fff;
    z-index: 20;
    box-shadow: 0 0 2px #000;
}

header.sticky .head-logo img.img-fluid {
    max-width: 150px;
    display: block;
    margin: auto;
    padding: 5px 0;
}

header.sticky .head-logo img {
    width: 375px;
    display: block;
    margin: 0;
    padding: 10px 0 0;
    float: left;
}

header.sticky .head-logo img.tm-logo {
    width: 280px;
    margin-left: 30px;
    padding-left: 30px;
    max-width: 390px;
    margin-top: 15px;
    padding-top: 0;
    margin-bottom: 15px;
}

header.sticky ul.menu.flex {
    margin: 10px 0;
}

header.sticky .col-lg-3 {
    max-width: 220px;
}

header.sticky .col-lg-6 {
  flex-grow: 2;
}

header.sticky .head-right {
    /*background-image: none;*/
    width: 100%;
    padding: 10px 20px;
    max-width: 100%;
}

header.sticky .right-TM {
    padding: 4px 8px 6px;
}

header.sticky .head-right p {
    font-size: 15px;
    line-height: 1;
}

header.sticky .right-learn a {
    font-size: 19px;
    line-height: 1.4;
    display: block;
    padding-bottom: 3px;
}

header.sticky .offcanvas-header {
  margin: 66px 18px 0;
}

header.sticky .close {
    top: 28px;
}

header.sticky .offcanvas-body {
    margin-top: 0;
}

header ul.menu.flex {
    width: 100%;
    gap: 1.5vw;
    margin-top: 20px;
}

header ul.menu.flex li a {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

header ul.menu.flex li a:hover {
    text-decoration: underline;
}

.head-right p, .head-right a {
    font-size: 18px;
}

header ul.menu li {
    display: inline-block;
    padding: 0;
    margin: 0;
}

/* Images Section CSS */
.main-title h1 {
    font-size: 65px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    padding: 50px 60px;
    border: 2px solid #ffffff;
    background: rgba(0, 0, 0, 0.5);
    max-width: 900px;
    margin: 0 auto;
}
.img-section {
    background: url("../img/meditate-tx-banner.jpg") no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 13vw 0;
}
.about {
    padding: 70px 0;
    text-align: center;
    background: #e0eaf3;
}
.about h2 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 40px;
    margin-bottom: 35px;
}
.about p {
    line-height: 2;
    font-size: 35px;
    margin: 0;
}
.close {
    position: absolute;
    right: 40px;
    top: 68px;
    width: 32px;
    height: 32px;
    opacity: 0.7;
    border: none;
    background: transparent;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 43px;
  width: 4px;
  background-color: #333;
  top: 0;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}

.margin-bottom-0 {
    margin-bottom: 0!important;
}

.font-bold {
    font-weight: bold!important;
}

.padding-bottom-0 {
    padding-bottom: 0!important;
}

.margin-top-30 {
    margin-top: 30px;
}

.box {
    border: 1px solid black;
    padding: 42px;
    margin-top: 120px;
}

.box p {
    font-size: 1.1em;
    font-weight: 500;
}

.what-is-tm .flex p {
    font-size: 1.1em;
}

.section-1 .protect-content-inner {
    background: transparent;
    padding: 40px 0;
}

/* TEST MENU */


/*#sidebarMenu {
    height: 100%;
    position: fixed;
    left: 0;
    width: 250px;
    margin-top: 60px;
    transform: translateX(-250px);
    transition: transform 250ms ease-in-out;
    background: linear-gradient(180deg, #FC466B 0%, #3F5EFB 100%);
}
.sidebarMenuInner{
    margin:0;
    padding:0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.sidebarMenuInner li{
    list-style: none;
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.sidebarMenuInner li span{
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.50);
}
.sidebarMenuInner li a{
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}
input[type="checkbox"]:checked ~ #sidebarMenu {
    transform: translateX(0);
}

input[type=checkbox] {
    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
}

.sidebarIconToggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 22px;
    left: 15px;
    height: 22px;
    width: 22px;
}
.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #000;
}
.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
}
.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -9px;
}

/* Section 1 CSS */

.programs.section-1 .container {
    padding-top: 100px;
}

/*.section-1 .programs-inner {
    padding: 335px 0 80px 0;
    margin-top: -320px;
}*/

.section-1 .programs-inner {
    padding: 70px 0 80px 0;
    margin-top: 0;
}

.section-1 .programs-inner-container p, .section-2 .programs-inner-container p {
    border-bottom: none;
    padding-bottom: 0;
}

.section-2 .programs-inner-container p {
    text-align: center;
}

.programs.section-1 h3 {
    margin-top: 30px;
}

.section-1 h3 span {
    text-transform: uppercase;
}

/* Section 2 CSS */

.programs.section-2 h3 {
    margin-top: 60px;
}

.programs.section-2 .programs-inner {
    padding: 300px 0 80px 0;
}

.programs.section-2 .programs-inner img {
    display: block;
    margin-bottom: 30px;
    width: 100%;
}

/* Protect Section CSS */
.protect-section {
    background-color: #acc6df;
    padding: 150px 0 190px 0;
    text-align: center;
    position: relative;
}
.protect-video {
  margin-top: 80px;
}
.protect-video h3 {
    font-size: 52px;
    font-weight: bold;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    color: #ffffff;
    right: 30px;
    transform: translateY(-50%);
}
.protect-p {
    background-color: #dde8f2;
    color: #000000;
    font-size: 25px;
    max-width: 900px;
    font-weight: 600;
    margin: 0 auto;
    padding: 20px 80px;
}
.protect-content h2 {
    font-size: 60px;
    font-weight: 500;
    line-height: 0.9;
    margin: 70px 0 40px 0;
}
.protect-content p {
    line-height: 1.5;
    text-align: left;
}
.protect-content-inner p {
    line-height: 51px;
    text-align: center;
    font-weight: 500;
    font-size: 1.1em;
    max-width: 900px;
    margin: auto;
}
.protect-content p span,
.our-mission .container span,
.programs-inner p span,
.research p span,
.veterans-text p span,
.research-evaluation p span {
    font-size: 130px;
    font-weight: 400;
    line-height: 50px;
    float: left;
    margin: 17px 7px 0 0;
}
.protect-content h5,
.our-mission .container h5 {
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    margin: 30px 0 20px 0;
}
.protect-content ul li {
    list-style-type: disc;
    display: list-item;
    text-align: left;
    margin: 0 0 12px 85px;
}
.protect-content-inner {
    padding: 100px 100px 80px;
    margin-top: 60px;
    background:#90b1d3;
}
.protect-content-inner span,
.programs-inner-container .quote {
    font-size: 200px;
    color: #ffffff;
    line-height: 0;
    display: block;
    margin-top: 65px;
}

.name {
  letter-spacing: 5px;
}

h3.text-center.text-uppercase.name {
  margin-bottom: 30px;
}

.programs-inner-container li:after {
    content: "•";
    display: block;
    font-size: 42px;
    line-height: 1;
}

.programs-inner-container li.no-bullet:after {
  display: none;
}

/* Our Mission Section CSS */

.our-mission h3, .our-mission h4 {
    text-align: center;
}

.our-mission .img-with-text {
    background: url("../img/mission-banner.jpg") no-repeat;
    padding: 100px 0;
    background-size: cover;
    background-position: center center;
}
.text-with-bg {
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    padding: 50px 60px;
    border: 2px solid #ffffff;
    background: rgba(0, 0, 0, 0.5);
    max-width: 685px;
    margin: 0 auto;
}
.text-with-bg span {
    font-size: 31px;
}
.text-with-bg h2 {
    font-size: 65px;
    line-height: 65px;
}
.our-mission {
    margin: 0;
    background-color: #dbe4ea;
}
.our-mission .container {
    padding-top: 100px ;
    padding-bottom:140px;
}

/* WHAT IS TM Section CSS */

.what-is-tm .flex {
    max-width: 540px;
}

.what-is-tm h3 {
    font-size: 35px;
}

.what-is-tm .flex h4 {
    margin-top: 30px;
    font-size: 1.2em;
    margin-bottom: 20px;
}

/* Programs Section CSS */
.programs .img-with-text {
    background: url("../img/programs.jpg") no-repeat;
    padding: 100px 0;
    background-size: cover;
    background-position: center center;
}
.programs .text-with-bg h2 {
    line-height: 1;
}
.programs {
    background-color: #aec7e0;
    padding-bottom: 100px;
}
.programs .container {
    position: relative;
}
.programs h3 {
    font-size: 31px;
    font-weight: bold;
    margin: 100px 0 40px 0;
}
.programs h3 span {
    text-transform: uppercase;
}
.programs-inner {
    background-color: #e0eaf3;
    padding: 330px 0 80px 0;
    margin-top: -250px;
}
.programs-inner-container {
    max-width: 900px;
    margin: 0 auto;
}
.programs-inner-container p {
    text-align: left;
    padding: 0 0 60px 0;
    border-bottom: 1px solid #000000;
}

.programs-inner-container .text-center p {
    text-align: center;
}

.programs-inner-container h4 {
    font-size: 31px;
    font-weight: bold;
    margin: 60px 0 40px 0;
}

.section-1 .programs-inner-container h4 {
    margin-top: 0;
}

.programs-inner-container .quote {
    color: #00415a;
    margin: 120px 0 25px 0;
}
.programs-inner-container li {
    margin: 0 0 6px 0;
    display: block;
}
.quote_icon {
    margin-top: 50px;
}

.programs-inner-container ul {
    /*margin-top: 50px;*/
}

.programs.program-list .img-with-text {
    background: url(/assets/img/banner-trauma-relief4.jpg);
    background-size: cover;
    background-position: center center;
}

/* Research Section CSS */
.research {
    background-color: #dbe4ea;
    margin-bottom: 10px;
}
.research-heading,
.research-evaluation-heading, .heading-with-underline {
    padding: 100px 0 30px 0;
    border-bottom: 1px solid #000000;
}

.heading-with-underline {
    padding: 100px 0 30px 0;
    border-bottom: 1px solid #000000!important;
}

.research-heading h5,
.research-evaluation-heading h5 {
    font-size: 42px;
    margin: 0;
    line-height: 0.7;
    letter-spacing: 5px;
}
.research-heading h2,
.research-evaluation-heading h2 {
    font-size: 65px;
}
.research h3 {
    font-size: 31px;
    font-weight: bold;
    margin: 50px 0 40px 0;
}
.outcomes-and-sleep {
    padding: 50px 0 90px 0;
    border-bottom: 1px solid #000000;
}
.outcomes-and-sleep img {
    width: 100%;
}
.scale {
    margin: 80px 0 180px 0;
    display: inline-block;
}
.scale img {
    width: 100%;
}

.selected-studies p span {
    font-size: inherit!important;
    float: none!important;
    line-height: inherit!important;
}

/* Veterans Section CSS */
.veterans {
    background-color: #aec7e0;
    padding-bottom: 160px;
}
.veterans .img-with-text {
    background: url("../img/veterans.jpg") no-repeat;
    padding: 100px 0;
    background-size: cover;
    background-position: center center;
}
.veterans-text {
    padding: 110px 0 60px 0;
    border-bottom: 1px solid #000000;
}
.veterans h3,
.research-evaluation h3 {
    font-size: 31px;
    font-weight: bold;
    margin: 70px 0 50px 0;
}
.veterans h3 span,
.research-evaluation h3 span {
    letter-spacing: 5px;
}

/* Research-Evaluation Section CSS */
.research-evaluation {
    background-color: #dbe4ea;
    margin-bottom: 0;
    padding-bottom: 170px;
}
.research-evaluation.need-for-meditate-la {
    background: #90b1d3;
}
.research-evaluation h4 {
    font-weight: bold;
    margin: 35px 0 10px 0;
}
.results-list {
    margin: 0 0 40px 70px;
}
.results-list li {
    list-style-type: disc;
    display: list-item;
}
.last-p {
    padding-bottom: 70px;
    border-bottom: 1px solid #000000;
}
.research-evaluation-inner {
    background-color: #bed1e3;
    padding: 40px 0;
    margin: 80px 0 60px 0;
}
.research-evaluation-inner h4 {
    letter-spacing: 5px;
}
.partner-logo {
    max-width: 900px;
    margin: 25px auto 0 auto;
}
.partner-logo li {
    padding: 25px 0;
    border-top: 1px solid #ffffff;
    width: 100%;
}
ul.partner-logo img {
    max-width: 185px;
}
.partner-logo li a {
    width: 50%;
    text-align: center;
    display: inline-block;
}
.p-50 {
    margin: 40px 0 40px 0 !important;
}
.first-responders {
    background-color: #bed1e3;
    padding: 1px 0 110px 0;
    /*margin: 90px 0;*/
}
.ptsd-img {
    padding: 90px 0;
    /*border: solid #000000;*/
    border-width: 1px 0 1px 0;
    max-width: 100%;
}
.additional-text li {
    list-style-type: disc;
    display: list-item;
    margin: 0 0 35px 20px;
}
.charts {
    text-align: center;
}
.charts img {
    width: 100%;
    max-width: 470px;
}

p.footnote {
    font-size:1rem;
    margin: 25px auto 0;
    max-width: 600px;
}

/* Family Section CSS */

.program-list .videowrapper {
    margin-top: 50px;
}

/* Phase Program Section CSS */
.phase-program {
    background-color: #acc6df;
    padding-bottom: 130px;
}
.phase-program .img-with-text {
    background: url("../img/phase-program2.jpg") no-repeat;
    padding: 100px 0;
    background-size: cover;
    background-position: center center;
}
.phase-program .img-with-text h2 {
    font-size: 43px;
    font-weight: bold;
}
.phase-program .img-with-text span {
    font-size: 38px;
}
.phase-program .container h2 {
    font-size: 130px;
    color: #ffffff;
    font-weight: normal;
    line-height: 0.7;
}
.phase-program h3 {
    font-size: 31px;
    line-height: 1.5;
}
.phase-program h3 span {
    letter-spacing: 10px;
}
.phase-program h4 {
    font-size: 22px;
    margin-bottom: 20px;
}
.phase-program h5 {
    font-size: 22px;
    margin-bottom: 0;
}
.phase-program .container {
    padding-top: 65px;
}
.phase-program ul li {
    list-style-type: disc;
    display: list-item;
    margin: 0 0 15px 50px;
}
.divider {
    margin: 70px 0 55px 0;
    border-top: 1px solid #000000;
}
.phase-2 ul li {
    /*list-style-type: none;*/
    margin: 0 0 15px 25px;
}
.phase-3 h5 {
    margin-bottom: 15px;
}

.cta-section-container {
  background-color: #fff;
  padding: 70px 0;
  margin-top: 60px;
}

.cta-section-container img {
    display: block;
    max-width: 750px;
    margin: 0 auto 25px;
    width: 90%;
}

.red-bg.cta-bar a {
  padding: 1.2rem 1rem;
      background-color: #cd6033;
      color: #fff;
      text-decoration: none;
      display: block;
      width: 100%;
      text-align: center;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 1.2em;
      max-width: 750px;
      margin: auto;
      width: 90%;
}

/* Footer CSS*/
.footer-logo.text-center {
    max-width: 750px;
    display: block;
    margin: auto;
    width: 100%;
    display: flex;
    gap: 120px;
    color: #fff;
}

.footer-logo.text-center div {
    margin-bottom: 20px;
}

footer .footer-logo.text-center img.tm-logo {
    width: 260px;
}

.footer-logo.text-center a {
    color: #fff;
}

.footer-logo.text-center a:last-child {
    width: 111%;
    padding-top: 2px;
}
footer img.dlf-logo, footer img.tm-logo {
    width: 100%;
    margin-bottom: 25px;
}
.footer-blog p {
    font-weight: 500;
    line-height: 2.2;
    margin-bottom: 0;
}
.footer-content {
    background-color: #304265;
    padding: 80px 0 90px;
}
.footer-email a {
    text-decoration: none;
    color: #fff;
}
.footer-email {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.footer-email p {
    margin: 20px 0;
    font-weight: 500;
}
.footer-privacy {
    color: #fff;
    display: flex;
    justify-content: center;
}
.footer-privacy p {
    font-weight: 300 !important;
    padding: 10px 30px;
    font-size: 20px;
}
.footer-privacy a {
    color: #ffffff;
    text-decoration: none;
}
footer a:hover {
    color: #000000;
}

@media screen and (max-width: 1265px) {
    header ul.menu.flex li a {
        font-size: 16px;
    }
}

@media only screen and (min-width: 992px) {

.head-logo img {
    max-width: 500px;
    width: 50%;
}

.head-logo img.tm-logo {
    width: 42%;
    margin-left: 30px;
    border-left: 1px solid grey;
    padding-left: 30px;
    max-width: 390px;;
}

.col-2.col-md-3.col-lg-3.menu {
    display: none;
}

.head-logo.text-center {
    text-align: left !important;
}

header .col-lg-6 {
    width: 82%;
    padding-left: 2vw;
}

}

@media only screen and (min-width: 992px) and (max-width: 1385px) {

.head-right p {
    font-size: 1.5vw;
}

header .offcanvas-header {
margin: 138px 18px 0;
}

}

/* Responsive CSS */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-blog p br {
        display: none;
    }
    .head-right {
        font-size: 16px;
    }
    .col-lg-12 {
        padding: 0 25px;
    }
}

@media only screen and (max-width: 991px) { 
    header ul.menu.flex {
        display: none;
    }
}

@media (max-width: 991px) {
    body {
      font-size: 16px;
    }
    .img-section{
      padding: 100px 0;
    }
    .right-TM p {
        font-size: 15px;
    }
    .right-learn p {
        font-size: 15px;
    }
    .head-logo img {
        width: 50%;
    }
    .head-logo img.tm-logo {
        width: 42%;
        margin-left: 4%;
        border-left: 1px solid grey;
        padding-left: 4%;
        max-width: 390px;
        }

        header.sticky .head-logo img {
            width: 50%;
        }

        header.sticky .head-logo img.tm-logo {
            width: 40%;
        }

    header button i {
        font-size: 40px;
    }
    .head-right {
        padding: 12px;
    }
    header .offcanvas-body li a {
        font-size: 20px;
    }
    header ul li {
        padding-bottom: 15px;
    }
    .col-lg-12 {
        padding: 0 25px;
    }
    .main-title h1 {
        font-size: 40px;
        padding: 30px;
    }
    .about,
    .protect-section{
      padding: 60px 0;
    }
    .protect-content-inner {
        padding: 50px;
    }
    .text-with-bg{
      padding: 30px;
    }
    .our-mission .img-with-text,
    .programs .img-with-text,
    .veterans .img-with-text,
    .phase-program .img-with-text{
      padding: 50px 0;
    }
    .our-mission .container {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .programs h3 {
        font-size: 26px;
        margin: 40px 0 30px 0;
    }
    .programs-inner{
      margin-top: 0;
      padding: 30px 0;
    }
    .programs-inner-container p {
        padding: 0 0 40px 0;
    }
    .programs-inner-container h4 {
        font-size: 26px;
        margin: 30px 0;
    }
    .programs{
      padding-bottom: 50px;
    }
    .research-heading,
    .research-evaluation-heading {
        padding: 50px 0 20px 0;
    }
    .about h2,
    .about p,
    .research-heading h5,
    .research-evaluation-heading h5 {
        font-size: 30px;
    }
    /*.veterans br{
        display: none;
    }*/
    .about p {
        line-height: 1.5;
    }
    .protect-content ul li{
      margin: 0 0 12px 35px;
    }
    .protect-content-inner p{
      line-height: 26px;
    }
    .protect-video h3 {
        font-size: 40px;
    }
    .protect-content h2 {
        font-size: 40px;
    }
    .protect-content p span,
    .our-mission .container span,
    .programs-inner p span,
    .research p span,
    .veterans-text p span,
    .research-evaluation p span {
        font-size: 90px;
    }
    .text-with-bg h2,
    .research-heading h2,
    .research-evaluation-heading h2 {
        font-size: 40px;
    }
    .text-with-bg span {
        font-size: 25px;
    }
    .programs-inner-container {
        padding: 0 15px;
    }
    .outcomes-and-sleep .col-lg-6 {
        margin-bottom: 20px;
    }
    .partner-logo img {
        width: 70%;
    }
    .phase-program .container h2 {
        font-size: 100px;
    }
    .footer-content {
        padding: 60px 0 60px;
    }
    .footer-content p {
        font-size: 17px;
    }
    .footer-logo img {
        width: 40%;
    }
    .footer-blog {
        margin: 40px 0 30px;
    }
    .footer-blog p br {
        display: none;
    }
    .footer-blog h4 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .footer-email p {
        margin: 15px 0;
    }
    .outcomes-and-sleep {
        padding: 50px 0 30px 0;
    }
    .scale {
        margin: 50px 0;
    }
    .veterans-text{
      padding: 50px 0;
    }
    .veterans h3,
    .research-evaluation h3 {
        font-size: 26px;
        margin: 30px 0;
    }
    .veterans {
        padding-bottom: 50px;
    }
    .research-evaluation-inner{
      margin: 30px 0 0;
    }
    .first-responders{
      margin: 40px 0 ;
      padding: 1px 0 30px 0;
    }
    .first-responders .videowrapper {
        margin: 0 20px;
    }
    .ptsd-img {
        padding: 30px 0;
    }
    .research-evaluation {
        padding-bottom: 20px;
    }
    .divider {
        margin: 30px 0 25px 0;
    }
    .phase-program {
        padding-bottom: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .head-right {
      background-image: url(../img/head-right.png);
      display: block;
      width: 180px;
    }
    header .offcanvas-header {
        margin: 93px 18px 0;
    }
header.sticky .offcanvas-header {
    margin: 67px 18px 0;
}
header.sticky .col-md-6 {
    width: 45%;
}
header.sticky .col-md-3 {
    width: 26%;
}
.close {
    top: 42px;
}
header.sticky .close {
    top: 27px;
}
.programs.section-2 .programs-inner {
    padding: 50px 0 80px 0;
}
}

@media (min-width: 768px) {

.mobile-only {
  display: none;
}

}


@media (max-width: 767px) {
    body {
        font-size: 16px;
    }
    .container {
        padding: 0 25px;
    }
    .programs h3 {
        font-size: 22px;
        margin: 20px 0 15px;
    }
    .offcanvas-start {
    width: 285px;
  }
    header.container-fluid {
      padding: 0;
    }
    header .row {
        flex-direction: row-reverse;
        --bs-gutter-x: 0;
        padding: 43px 0 7px;
        align-items: center;
    }
    header .cta {
        width: 100% !important;
        position: absolute;
        top: 0;
    }
    .head-logo img {
        width: 220px;
    }
    .head-logo.text-center {
        text-align: left !important;
        padding-left: 7px;
    }
    header.sticky .head-logo img {
    width: 220px;
  }
  header.sticky .head-logo img.tm-logo {
    width: 168px;
    margin-left: 2px;
    padding-left: 0;
}
    header.sticky .head-right {
      padding: 0;
    }

    .offcanvas-start {
        left: auto;
        right: 0;
        transform: translateX(+100%);
    }

    header .right-img {
        margin-right:0;
    }

    /*header .head-logo img.img-fluid {
      width: 130px;
      margin: 10px 0;
    }*/

    .head-logo img.tm-logo {
        width: 157px;
        margin-left: 3px;
        border-left: none;
        padding-left: 0;
        margin-top: 7px;
        margin-bottom: 8px;
    }

    header .offcanvas {
    padding: 0 15px;
  }

  header .offcanvas-body {
    margin-top: 0;
}

.offcanvas-body {
    padding: 1rem 0;
}

header .offcanvas-header  {
        margin: 35px 4px 0;
}
header.sticky .offcanvas-header {
  margin: 30px 4px 0;
}
.close {
      right: 17px;
      top: 18px;
    width: 32px;
    height: 32px;
}
header.sticky .close {
    top: 13px;
}

.close:before, .close:after {
    left: 14px;
    height: 38px;
    width: 3px;
    top: 0;
}
.mobile-bars {
  width: 35px;
  height: 2px;
  background-color: #000;
  margin: 7px 0;
}
header .col-2 {
    width: 20%;
}
header .col-6 {
    flex-grow: 2;
}
.head-right {
    margin: auto;
    padding: 0;
    max-width: 100%;
    display: flex;
}
    header .right-learn a {
    padding: 8px 5px 9px;
    font-size: 17px;
    line-height: 1.1;
}
.head-right div {
    width: 50%;
}
.right-learn.donate {
    margin-top: 0;
}
header.sticky .right-learn a {
    padding: 2px 5px 6px;
    font-size: inherit;
    line-height: inherit;
}
header.sticky .col-lg-3 {
    max-width: 100%;
}
.menu-icon {
    padding-left: 0;
    text-align: right;
}
    header .col-sm-6 {
    flex-grow: 2;
}
    header button i {
        font-size: 32px;
    }
    .right-TM {
        padding: 6px;
    }
    .right-learn a {
    padding: 20px 16px;
    font-size: 19px;
    line-height: 1.1;
}
    header .offcanvas-body li a {
        font-size: 18px;
    }
    header ul li {
        padding-bottom: 12px;
    }
    .col-lg-12 {
        padding: 0 10px;
    }
    .right-img {
        padding: 0;
        margin-right: 12px;
    }
    .main-title h1 {
        font-size: 30px;
        padding: 20px 30px;
    }
    .about h2,
    .research-heading h5,
    .research-evaluation-heading h5 {
        font-size: 22px;
    }
    .about {
        font-size: 16px;
    }
    .about h2 {
        margin: 25px 0 15px 0;
    }

    .cta-section-container {
    padding: 35px 0;
    margin-top: 40px;
}

.first-responders {
    margin: 0;
}

.programs-inner-container p {
    padding: 0;
}

.phase-program .container {
    padding-top: 35px;
}

.section-1 .programs-inner {
    padding: 40px 0 20px 0;
    margin-top: 0;
}

.programs.section-1 .container {
    padding-top: 20px;
}

.programs.section-2 .programs-inner {
    padding: 20px 0;
}

.programs.section-1 h3, .programs.section-2 h3 {
    margin-top: 20px;
}

.programs {
    padding-bottom: 30px;
}

.our-mission .container {
    padding-top: 30px;
    padding-bottom: 30px;
}

.veterans h3, .research-evaluation h3 {
    font-size: 22px;
}

.research-evaluation .flex {
    flex-direction: column;
}

.research-evaluation .flex div {
    width: 100%;
}

.flex li, .selected-studies li {
    font-size: 1.1rem;
}

.flex {
    gap: 30px;
}

hr.custom {
    margin-top: 30px;
}

.research-heading, .research-evaluation-heading {
    padding: 30px 0px 20px 0;
}

.research-evaluation .container {
    padding: 0px 25px;
}

    /*----Footer---*/
    .footer-content {
        padding: 35px 0 10px;
    }
    .footer-blog {
        margin: 20px 0;
    }
    .footer-blog h4 {
        font-size: 20px;
    }
    .footer-logo {
        margin-bottom: 15px;
    }
    .footer-email p{
      font-size: 14px;
    }
    .footer-content p {
        font-size: 16px;
    }
    footer .footer-logo.text-center img.tm-logo {
        width: 100%;
    }
    .img-section {
        padding: 30px 0;
    }
    .main-title h1 {
        font-size: 22px;
        padding: 20px 10px;
    }
    .about, .protect-section {
        padding: 20px 0;
    }
    .about p {
        font-size: 20px;
    }
    .protect-video h3{
      display: none;
    }
    .protect-p {
        font-size: 18px;
        padding: 15px;
    }
    .protect-content h2 {
        margin: 30px 0 20px 0;
        font-size: 30px;
        line-height: normal;
    }
    .protect-content-inner {
        margin-top: 30px;
        padding: 30px;
    }
    hr.custom-2 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .last-p {
        padding-bottom: 30px;
    }
    .text-with-bg h2, .research-heading h2, .research-evaluation-heading h2 {
        font-size: 26px;
    }
    .text-with-bg {
        margin: 0 15px;
        padding: 15px;
    }
    .research h3,
    .phase-program .img-with-text span,
    .phase-program h3{
      font-size: 26px;
    }
    .phase-program .img-with-text h2{
      font-size: 30px;
      line-height: normal;
    }
    .research-heading h5, .research-evaluation-heading h5{
      line-height: normal;
    }
    .results-list,
    .phase-program ul li{
        margin: 0 0 20px 30px;
    }
    .phase-program h5{
      margin-bottom: 15px;
    }
    .research-evaluation-inner{
      padding: 0;
    }
    .phase-program .container h2,
    .protect-content p span,
    .our-mission .container span,
    .programs-inner p span,
    .research p span,
    .veterans-text p span,
    .research-evaluation p span {
        font-size: 60px;
    }

    .tablet-and-up {
      display: none;
    }

    .footer-logo.text-center {
        display: block;
    }

    footer img.dlf-logo, footer img.tm-logo {
        max-width: 290px;
        display: block;
        margin: 15px auto;
    }


}