/*========================================================
	Main Style for Spinal Recovery Center 2024
=========================================================*/
/* colors declaration */
:root {
    --white: #fff;
    --black: #000;
    --blue: #017cbf;
    --mainblue: #003993;
    --lightblue: #d9ebf9;
    --vanilla: #f9f2e2;
    --orange: #f88f33;
    --orange-new: #ffa800;
    --green: #8fcb5a;
    --grey: #f2f2f2;
    --ready: #e5e5e7;
    --foo: #252d73;
    --foo-white: #F4F6F8;
    --yellow: #f9af2c;
    --our-team: #f2f6f6;
    --dark-blue: #012c4e;
    --faq-blue: #2E6BAE;
    --srs-section: #f5f6f8;
    --l-blue: #c6e8f4;
    --weak-black: #232527;
    --new-blue: #104378;
}
/* fonts declaration */
@font-face {
    font-family: futura;
    src: url("../fonts/FuturaPTHeavy.ttf");
}

@font-face {
    font-family: futuram;
    src: url("../fonts/FuturaPTMedium.ttf");
}
@font-face {
    font-family: futurapt;
    src: url("../fonts/FuturaPTBook.ttf");
}
@font-face {
    font-family: didact;
    src: url("../fonts/DidactGothic-Regular.ttf");
}
@font-face {
    font-family: futura-bold;
    src: url("../fonts/futura-md-bt-bold.ttf");
}
@font-face {
    font-family: lato-regular;
    src: url("../fonts/Lato-Regular.ttf");
}
@font-face {
    font-family: barlowmedium;
    src: url("../fonts/Barlow-Medium.ttf");
}
/* reset */
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
abbr,
address,
em,
img,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
article,
aside,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}

ol,
ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

*:focus {
    outline: none;
}

* {
    box-sizing: border-box;
}

input[type='submit'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* end reset */

/***********************************************************************************************/

/* common layout sections  - ALL common layouts for frame exist in this section */
body {
    font-size: 28px;
    font-family: lato-regular, arial, sans-serif;
    font-weight: 700;
    color: var(--weak-black);
}

p {
    line-height: 1.3;
    font-family: lato-regular, arial, sans-serif;
    font-weight: 400;
    color: var(--weak-black);
}
/***********************************************************************************************/

/* common styling */
h1, h2, h3, h4, h5, h6{
  font-family: futura-bold, arial, sans-serif;
  text-transform: capitalize;
}
h2, h3{
  font-size: 68px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  body {
      font-size: 24px;
  }
  h2, h3{
    font-size: 54px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  body {
      font-size: 22px;
  }
  h2, h3{
    font-size: 46px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  body {
      font-size: 20px;
  }
  h2, h3{
    font-size: 36px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  body {
      font-size: 20px;
  }
  h2, h3{
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  body {
      font-size: 20px;
  }
  h2, h3{
    font-size: 34px;
  }
}

/*========================================================
									TOP & NAVIGATION
=========================================================*/
/* not display on large screen */
.smobitrigger,
.mnuclose,
.menu ul li.mlogo,
.menu ul li.mphone,
.menu ul li.madr,
.menu ul li.mhours,
.menu ul li.msocial,
.menu ul li.mmlinks,
.menu ul li.maddress,
.liDivid,
.liDividText,
.telMob,
.bannerMob,
.galleryMobile,
.logoMob,
.locatMob,
.outerSticky,
.extraBtn,
.hiddenSEO,
.mobHiring,
.hoursNav {
    display: none;
}
.pageFull {
    width: 100%;
}

.pageSize {
    width: 75%;
    margin: 0 auto;
}
.pageSubban {
    width: 90%;
    margin: 0 auto;
}

/* end not display */
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .pageSize {
        width: 85%;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .pageSize {
        width: 85%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .pageSize {
        width: 95%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .pageSize {
        width: 90%;
    }
}

@media only screen and (max-width: 767px) {
    .pageSize {
        width: 90%;
    }
}

/* top section  */
.top {
    width: 100%;
    display: block;
    position: static;
    background: #fff;
}

.boxesWrap {
    width: 72%;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.boxes {
    height: 90px;
}
.one {
    width: 20%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.one img {
    width: 290px;
    display: block;
}

.two {
    width: 63%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.three {
    width: 17%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.topPhone {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
}
.topPhone p {
    font-size: 22.8px;
    color: var(--mainblue);
    font-weight: 700;
    text-align: right;
    line-height: 1;
}
.topTel {
    font-size: 40px;
    line-height: 1.1;
    color: var(--new-blue);
    display: inline-block;
    font-family: barlowmedium, arial, sans-serif;
}
.topHoursAndDirections{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 84%;
  font-weight: 400;
  max-height: 28px;
  overflow: hidden;
  align-items: center;
  margin-top: -5px;
  min-width: 261.5px;
  max-width: 261.5px;
}
.topHours,
.topDirections{
  font-family: futuram, arial, sans-serif;
  font-size: 23px;
  letter-spacing: 2.1px;
  line-height: 0.9;
  font-weight: 500;
  text-transform: uppercase;
}
.topService {
    font-size: 31px;
    font-weight: 500;
    color: var(--white);
    text-transform: uppercase;
    display: inline-block;
    margin-left: 60px;
}
.menu ul li.dlink {
  font-family: barlowmedium, arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    display: inline-block;
    text-transform: capitalize;
    line-height: 1.5;
    padding: 0 15px;
    color: var(--black);
}
/*** menu section ***/
.menu ul li.dlink a {
    color: var(--siena);
}

.menu ul li.dlink a:hover {
    color: var(--black);
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .menu ul li.dlink {
        font-size: 24px;
    }
    .boxesWrap {
    	width: 86%;
    }
    .one,
    .two,
    .three {
        height: 80px;
    }

    .three {
        width: 17%;
    }
    .topPhone p {
    	font-size: 17.7px;
    }
    .topTel {
        font-size: 32px;
        background-size: 40px 40px;
    }
    .topHoursAndDirections {
    	width: 74%;
      line-height: 0.9;
      max-height: 21.6px;
      margin-top: -2px;
      min-width: 211.3px;
      max-width: 211.3px;
    }
    .topHours,
    .topDirections {
    	font-size: 20px;
      letter-spacing: 1.4px;
    }
    .topService {
        font-size: 24px;
        margin-left: 50px;
    }

    .one img {
        width: 230px;
    }
}
/*** end menu section ***/
/* end top section  */
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .boxesWrap {
        width: 85%;
    }

    .menu ul li.dlink {
        font-size: 21px;
        padding: 0 15px 0 0;
    }

    .one,
    .two,
    .three {
        height: 80px;
    }

    .one {
        width: 25%;
    }

    .two {
        width: 70%;
    }

    .three {
        padding-right: 0;
        width: 20%;
        min-width: 189.5px;
    }
    .topPhone p {
    	font-size: 14px;
    }
    .topTel {
        font-size: 28px;
        background-size: 30px 30px;
    }
    .topHoursAndDirections {
    	width: 85%;
      font-size: 18px;
      line-height: 0.9;
      margin-top: 0;
      min-width: 185.2px;
      max-width: 185.2px;
    }
    .topHours, .topDirections {
    	font-size: 17px;
      letter-spacing: 1.1px;
    }
    .topService {
        font-size: 22px;
    }

    .one img {
        width: 230px;
    }
}
@media only screen and (min-width: 1601px) and (max-width: 1919px){
  .topHoursAndDirections {
  	width: 79%;
    max-width: 184.5px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .boxesWrap {
        width: 95%;
    }

    .menu ul li.dlink {
        font-size: 18px;
        padding: 0 15px 0 0;
    }

    .one,
    .two,
    .three {
        height: 80px;
    }

    .one {
        width: 25%;
    }

    .two {
        width: 59%;
    }

    .three {
        padding-right: 0;
        width: 16%;
    }
    .topPhone p {
    	font-size: 12px;
    }
    .topTel {
        font-size: 22px;
        background-size: 30px 30px;
        padding-left: 0;
    }
    .topHoursAndDirections {
    	width: 95%;
      font-size: 17px;
      line-height: 0.9;
      margin-top: 1px;
      min-width: 147.8px;
      max-width: 147.8px;
    }
    .topHours, .topDirections {
    	font-size: 14px;
      letter-spacing: 0;
    }
    .topService {
        font-size: 16px;
    }

    .one img {
        width: 200px;
    }
}


@media only screen and (min-width: 200px) and (max-width: 1300px){
    /*.top-des{*/
    /*     display: none;*/
    /*}*/
}
@media only screen and (min-width: 1024px) {
    .top-mob{
        display: none;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 2559px) {
    .menu ul {
        background: none !important;
    }
}
/*========================================================
									Buttons
=========================================================*/
.treatBtn {
    display: inline-block;
    background: var(--orange);
    font-size: 24px;
    text-align: center;
    color: var(--white);
    text-transform: uppercase;
    padding: 15px 70px;
    cursor: pointer;
    font-weight: 700;
    font-family: 'Roboto', arial, sans-serif;
}

.treatBtn:hover {
    background: var(--white);
    color: var(--blue);
}

.treatBtn2 {
    display: inline-block;
    background: var(--orange);
    font-size: 32px;
    text-align: center;
    color: var(--white);
    text-transform: uppercase;
    padding: 22px 60px;
    cursor: pointer;
    font-family: futuram, arial, sans-serif;
}
.treatBtn2:hover {
    background: var(--white);
    color: var(--blue);
}
.videoBtnDoct {
    display: inline-block;
    border-radius: 16px;
    font-size: 28px;
    text-align: center;
    text-transform: capitalize;
    padding: 15px 50px;
    font-weight: 700;
    color: var(--mainblue);
    border: 3px solid var(--yellow);
    margin-left: 30px;
}
.videoBtnDoct:hover {
    background: var(--orange);
    color: var(--white);
}

.halioBtn {
    display: inline-block;
    padding: 15px 70px;
    font-size: 24px;
    font-weight: 500;
    border: 2px solid var(--orange);
    background: transparent;
    color: var(--white);
    text-transform: capitalize;
    cursor: pointer;
}

.halioBtn:hover {
    background: var(--orange);
}

.okaBtn {
    display: inline-block;
    background: var(--blue);
    font-size: 24px;
    text-align: center;
    color: var(--white);
    text-transform: capitalize;
    padding: 15px 70px;
    cursor: pointer;
}

.okaBtn:hover {
    background: var(--orange);
}

.smartBtnPlace a {
    display: inline-block;
    font-size: 24px;
    text-align: center;
    text-transform: capitalize;
    padding: 15px 70px;
    cursor: pointer;
}

.footBtnPlace .newAppointBtn {
    display: inline-block;
    background: var(--orange);
    font-size: 24px;
    text-align: center;
    color: var(--white);
    text-transform: capitalize;
    padding: 15px 60px;
    cursor: pointer;
}

.rulesBtnPlaces a {
    border-right: 1px solid var(--white);
}

.newRuleBtns {
    justify-content: flex-start !important;
}

.decorBtn {
    display: inline-block;
    padding: 15px 70px;
    font-size: 28px;
    font-weight: 500;
    border: 2px solid var(--orange);
    background: transparent;
    color: var(--black);
    text-transform: capitalize;
    cursor: pointer;
    font-family: futuram, arial, sans-serif;
}

.decorBtn:hover {
    background: var(--orange);
    color: var(--white);
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .treatBtn2 {
        font-size: 23px;
        padding: 22px 50px;
    }
    .videoBtnDoct {
        font-size: 23px;
        padding: 22px 50px;
        width: 387px;
    }

    .footBtnPlace .newAppointBtn {
        font-size: 22px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .treatBtn2 {
        font-size: 18px;
        padding: 22px 40px;
    }
    .videoBtnDoct {
        font-size: 18px;
      padding: 10px 25px;
    }

    .footBtnPlace .newAppointBtn {
        font-size: 19px;
        padding: 15px 40px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .treatBtn2 {
        font-size: 19px;
        padding: 22px 40px;
    }
    .videoBtnDoct {
        font-size: 16px;
      padding: 15px 20px;
    }

    .footBtnPlace .newAppointBtn {
        font-size: 18px;
        padding: 15px 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    .treatBtn2 {
        font-size: 18px;
        padding: 22px 40px;
    }
    .videoBtnDoct {
        font-size: 16px;
    padding: 15px 20px;
    }

    .footBtnPlace .newAppointBtn {
        font-size: 18px;
        padding: 15px 40px;
    }
}

@media only screen and (max-width: 767px) {
    .treatBtn2 {
        font-size: 22px;
        width: 100%;
    }
    .videoBtnDoct {
        margin: 5px 0 0 0;
        font-size: 20px;
        padding: 15px 30px;
    }

    .rulesBtnPlaces {
        flex-wrap: wrap;
    }

    .rulesBtnPlaces .treatUsBtn {
        display: block;
        width: 100%;
    }

    .newRuleBtns .treatUsBtn {
        width: 100%;
    }

    .footBtnPlace .newAppointBtn {
        font-size: 21px;
        padding: 15px 40px;
        width: 100%;
    }
}

@media only screen and (max-width: 479px) {
    .treatBtn2 {
        font-size: 19px;
        padding: 22px 30px;
        width: 100%;
    }
}
/*========================================================
		INDEX Banner
=========================================================*/
.dottedLineMob {
    display: none;
}

.bannerWrap {
    background: url('../images/index/spinal-recovery-center-treatments.webp') no-repeat;
    background-position: center center;
    background-size: cover;
}

.bannerIns {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 90%;
    margin: 0 auto;
    padding: 100px 0;
}

.bannerIns h1 {
    font-size: 110px;
    font-weight: 900;
    color: var(--black);
    line-height: 1.1;
    padding-bottom: 50px;
}
.bannerIns h1 span {
    display: block;
}

.bannerIns p {
    font-size: 30px;
    font-weight: 400;
    max-width: 554px;
    text-transform: capitalize;
    line-height: 1.2;
}
.indexBannerBtnsWrap {
    margin-top: 70px;
    text-align: left;
    display: flex;
    align-items: center;
}
.indexBanBtn {
    display: inline-block;
    border-radius: 16px;
    font-size: 28px;
    text-align: center;
    text-transform: capitalize;
    padding: 15px 50px;
    font-weight: 700;
}
.ibanOne {
    background: var(--new-blue);
    color: var(--white);
    border: 3px solid var(--new-blue);
}
.ibanTwo {
    background: var(--white);
    color: var(--new-blue);
    border: 3px solid var(--yellow);
    margin-left: 30px;
}
.ibanThree {
    background: var(--orange-new);
    color: var(--mainblue);
    border: 3px solid var(--orange-new);
}
.paybillBtn {
    display: inline-block;
    border-radius: 16px;
    font-size: 28px;
    text-align: center;
    text-transform: capitalize;
    padding: 15px 50px;
    font-weight: 700;
    background: var(--new-blue);
    color: var(--white);
    border: 1px solid var(--white);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: fixed;
    right: 0;
    top: 200px;
    z-index: 9000;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .bannerWrap,
    .bannerIns {
        height: 780px;
    }
    .indexBanBtn {
    	font-size: 22px;
    }
    .bannerIns h1 {
        font-size: 96px;
    }

    .bannerIns p {
        max-width: 450px;
        font-size: 24px;
    }
    .ibanTwo {
    	margin-left: 15px;
    }
    .paybillBtn{
      font-size: 22px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {

    .bannerWrap,
    .bannerIns {
        height: 680px;
    }
    .bannerIns{
      width: 92%;
    }
    .indexBanBtn {
    	font-size: 18px;
      padding: 10px 25px;
    }
    .ibanTwo {
      margin-left: 15px;
    }
    .bannerIns h1 {
        font-size: 80px;
    }
    .bannerIns p {
        max-width: 410px;
        font-size: 22px;
    }
    .paybillBtn{
      font-size: 18px;
      padding: 10px 35px;
      top: 170px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {

    .bannerWrap,
    .bannerIns {
        height: 580px;
    }
    .indexBannerBtnsWrap {
    	margin-top: 55px;
    }
    .indexBanBtn {
    	font-size: 16px;
      padding: 15px 20px;
    }
    .ibanTwo {
      margin-left: 15px;
    }
    .bannerIns {
    	width: 95%;
    	padding: 60px 0;
    }
    .bannerIns h1 {
        font-size: 57px;
    }
    .bannerIns p {
    	max-width: 310px;
    	font-size: 20px;
    }
    .paybillBtn{
      font-size: 17px;
      padding: 12px 35px;
      top: 110px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .bannerWrap {
      background: var(--srs-section);
  }

  .bannerMob {
      display: block;
      width: 100%;
  }

  .bannerWrap,
  .bannerIns {
      height: auto;
  }
  .bannerIns{
    padding: 35px 0 50px;
    align-items: center;
  }
  .bannerIns h1 {
  	font-size: 70px;
    text-align: center;
  }
  .bannerIns p {
  	max-width: 310px;
  	font-size: 20px;
    text-align: center;
  }
  .indexBannerBtnsWrap {
    margin-top: 55px;
  }
  .indexBanBtn {
    font-size: 16px;
    padding: 15px 20px;
  }
  .ibanTwo {
    margin-left: 15px;
  }
  .indexBannerBtnsWrap {
  	margin-top: 70px;
  	text-align: center;
  	display: flex;
  	align-items: center;
  }
  .paybillBtn {
    font-size: 16px;
    padding: 15px 35px;
    top: 140px;
  }
}

@media only screen and (max-width: 767px) {
  .bannerWrap {
      background: var(--srs-section);
  }

  .bannerMob {
      display: block;
      width: 100%;
  }

  .bannerWrap,
  .bannerIns {
      height: auto;
  }
  .bannerIns{
    padding: 35px 0 50px;
  }
  .bannerIns h1 {
  	font-size: 60px;
  }
  .bannerIns p {
  	max-width: 310px;
  	font-size: 20px;
  }
  .indexBannerBtnsWrap {
    margin-top: 35px;
  }
  .indexBanBtn {
    font-size: 20px;
    padding: 15px 30px;
  }
  .ibanTwo {
    margin-left: 15px;
  }
  .paybillBtn {
    font-size: 20px;
    padding: 15px 30px;
    top: 130px;
  }
}

@media only screen and (max-width: 479px) {
    .bannerIns h1 {
        padding: 15px 0 25px;
    }
    .bannerIns p {
        font-weight: 400;
        line-height: 1.2;
    }
    .indexBannerBtnsWrap {
        flex-direction: column;
        align-items: flex-start;
    }
    .ibanTwo {
        margin: 10px 0 0;
    }
    .ibanOne,
    .ibanTwo {
        width: 205px;
    }
    .paybillBtn {
      padding: 10px 20px;
      top: 130px;
    }
}
/*========================================================
		INDEX Below banner boxes
=========================================================*/
.indexBelowBoxesWrap {
    width: 82%;
    margin: 75px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.indexBelowBox {
    width: 32%;
    display: flex;
    flex-direction: column;
    padding: 50px 40px;
    position: relative;
    border-radius: 25px;
    margin-bottom: 30px;
}
.indexBelowBox h3 {
    font-size: 42px;
}
.indexBelowBox img {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 110px;
}
.indexBelowBox p {
    padding: 25px 0 35px;
    width: 85%;
    min-height: 315px;
}
.indexNelowBtnWrap {
    margin-top: auto;
}
.ibelowbanOne {
    background: var(--lightblue);
}
.ibelowbanTwo {
    background: var(--vanilla);
}
.painManagMobile{
  display: none!important;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .indexBelowBox h3 {
  	font-size: 34px;
  }
  .indexBelowBox img {
  	width: 90px;
  }
  .indexBelowBox p {
  	min-height: 278px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .indexBelowBox h3 {
  	font-size: 30px;
  }
  .indexBelowBoxesWrap {
  	width: 95%;
  }
  .indexBelowBox p {
  	min-height: 289px;
  }
  .indexBelowBox img {
    width: 75px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .indexBelowBox h3 {
  	font-size: 22px;
  }
  .indexBelowBoxesWrap {
  	width: 100%;
  }
  .indexBelowBox p {
  	min-height: 270px;
    width: 94%;
  }
  .indexBelowBox img {
    width: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .painManagDesktop{
    display: none!important;
  }
  .painManagMobile{
    display: block!important;
    width: 70%!important;
    margin: 60px auto 0;
  }
  .indexBelowBox {
  	width: 100%;
  }
  .indexBelowBox p {
  	min-height: 190px;
  }
  .indexBelowBox h3 {
    font-size: 32px;
  }
  .indexBelowBox img {
    width: 75px!important;
  }
}
@media only screen and (max-width: 767px) {
  .painManagDesktop{
    display: none!important;
  }
  .painManagMobile{
    display: block!important;
    width: 100%!important;
    margin: 40px auto 0;
  }
  .indexBelowBox {
  	width: 100%;
    padding: 40px 30px;
  }
  .indexBelowBox p {
  	min-height: 242px;
    width: 95%;
  }
  .indexBelowBox h3 {
    font-size: 26px;
  }
  .indexBelowBox img {
  	width: 65px!important;
  }
}
@media only screen and (max-width: 479px) {
    .indexBelowBox img {
  	     width: 55px!important;
         right: 15px;
  }
}

/*========================================================
		Pain Management Services index section
=========================================================*/
.pManag{
  background: url('../images/index/pain-management-banner.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 130px 0 155px;
}
.pFree{
  background: url('../images/treatments/live-a-pain-free-life.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 130px 0 125px;
}
.bSize{
  width: 90%;
  margin: 0 auto;
}
.pManagLeft h2 span{
  display: block;
  color: var(--new-blue);
}
.pManagRectWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pManagLeft{
  width: 50%;
}
.pManagRight{
  width: 50%;
}
.pManagLeft p {
	margin: 55px 0 0;
	font-size: 30px;
	font-weight: 400;
  width: 90%;
  text-transform: capitalize;
}
.pManagBtnPlace{
  margin: 100px 0 0;
}
.pManagMobImg{
  display: none;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .pManag {
  	padding: 110px 0 135px;
  }
  .pManagLeft {
  	width: 52%;
  }
  .pManagRight{
    width: 48%;
  }
  .pManagLeft p {
  	font-size: 24px;
  }
  .pManagBtnPlace {
  	margin: 80px 0 0;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .pManag {
  	padding: 90px 0 115px;
  }
  .pManagLeft {
  	width: 57%;
  }
  .pManagRight{
    width: 43%;
  }
  .pManagLeft p {
  	font-size: 22px;
  	width: 96%;
  }
  .pManagBtnPlace {
  	margin: 80px 0 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .bSize {
  	width: 95%;
  	margin: 0 auto;
  }
  .pManag {
  	padding: 60px 0 75px;
  }
  .pManagLeft {
  	width: 66%;
  }
  .pManagRight{
    width: 34%;
  }
  .pManagLeft p {
  	font-size: 20px;
  	width: 90%;
    margin: 25px 0 0;
  }
  .pManagBtnPlace {
  	margin: 50px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .pManag {
  	background: url('../images/index/pain-management-banner-tablet.jpg');
  	padding: 130px 0 100px;
  }
  .pFree {
    background: url('../images/treatments/live-a-pain-free-life-tablet.jpg');
    padding: 130px 0 100px;
  }
  .pManagRectWrap {
    flex-direction: column-reverse;
  }
  .pManagLeft,
  .pManagRight{
    width: 100%;
  }
  .pManagRight{
    min-height: 600px;
  }
  .pManagLeft p {
  	font-size: 20px;
  	width: 65%;
    margin: 25px 0 0;
  }
  .pManagBtnPlace {
  	margin: 50px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .pManag {
  	background: #c6e8f4;
  	padding: 0 0 50px;
  }
  .pManagMobImg{
    display: block;
    width: 100%;
    height: auto;
  }
  .pManagRectWrap {
    flex-direction: column-reverse;
  }
  .pManagLeft,
  .pManagRight{
    width: 100%;
  }
  .pManagRight{
    min-height: 10px;
  }
  .pManagLeft p {
  	font-size: 20px;
  	width: 100%;
    margin: 25px 0 0;
  }
  .pManagBtnPlace {
  	margin: 50px 0 0;
  }
}

/*========================================================
		Spinal Recovery Services index section
=========================================================*/
.srsSec{
  background: var(--srs-section);
  padding: 150px 0;
}
.srsSize{
  width: 62%;
  margin: 0 auto;
}
.srsSec h2{
  text-align: center;
}
.srsWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 90px 0 0;
}
.srsBox{
  background: var(--white);
  width: 48.5%;
  border-radius: 20px;
  margin: 0 0 40px;
}
.srsBox img{
  width: 100%;
  display: block;
}
.srsText{
  padding: 30px 45px 55px;
}
.srsBox p{
  font-size: 28px;
  font-weight: 400;
}
.srsBox p span{
  display: block;
  font-family: futura-bold, arial, sans-serif;
  font-size: 40px;
  margin: 0 0 20px;
}
.srsBtnsPlace{
  margin: 60px 0 0;
}
.srsWrapMobile{
  display: none!important;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .srsSize {
  	width: 69%;
  }
  .srsBox p span {
  	font-size: 34px;
  }
  .srsBox p {
  	font-size: 24px;
  }
  .srsText {
  	padding: 30px 32px 55px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .srsSec {
  	padding: 90px 0;
  }
  .srsSize {
  	width: 80%;
  }
  .srsBox p span {
  	font-size: 30px;
  }
  .srsBox p {
  	font-size: 22px;
  }
  .srsText {
  	padding: 30px 32px 55px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .srsSec {
  	padding: 70px 0 60px;
  }
  .srsSize {
  	width: 95%;
  }
  .srsWrap {
  	margin: 70px 0 0;
  }
  .srsBox p span {
  	font-size: 30px;
  }
  .srsBox p {
  	font-size: 20px;
    min-height: 189px;
  }
  .srsText {
  	padding: 30px 15px 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .srsSec {
  	padding: 70px 0 60px;
  }
  .srsWrapDesktop{
    display: none!important;
  }
  .srsWrapMobile{
    display: block!important;
    margin: 70px 0 0;
  }
  .srsBox{
    width: 100%;
  }
  .srsBox p span {
  	font-size: 30px;
  }
  .srsBox p {
  	font-size: 20px;
    min-height: 160px;
  }
  .srsText {
  	padding: 30px 15px 45px;
  }
}
@media only screen and (max-width: 767px) {
  .srsSec {
  	padding: 60px 0;
  }
  .srsSize{
    width: 90%;
  }
  .srsWrapDesktop{
    display: none!important;
  }
  .srsWrapMobile{
    display: block!important;
    margin: 50px 0 0;
  }
  .srsBox{
    width: 100%;
  }
  .srsBox p span {
  	font-size: 26px;
  }
  .srsBox p {
  	font-size: 20px;
    min-height: 200px;
  }
  .srsText {
  	padding: 30px 15px 45px;
  }
  .srsBtnsPlace .indexBanBtn{
    width: 100%;
  }
  .srsBtnsPlace .ibanTwo{
    margin: 10px 0 0 0;
  }
    .srsBtnsPlace {
        margin-top: 0;
    }
}
@media only screen and (max-width: 479px) {
    .srsBtnsPlace {
        margin-top: 20px;
    }
}
/*========================================================
		Let's Schedule Your Consultation Today index section
=========================================================*/
.letsSec{
  background: var(--l-blue);
  padding: 55px 0;
}
.letsSize{
  width: 59%;
  margin: 0 auto;
}
.letsWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.letsLeft,
.letsRight{
  width: 48%;
}
.letsLeft h2{
  color: var(--new-blue);
  font-size: 60px;
  margin: 35px 0 0;
}
.letsLeft h2 span{
  display: block;
}
.letsLeft p{
  font-size: 30px;
  margin: 40px 0 0;
}
.letsBtnPlace{
  margin: 120px 0 0;
}
.letsRight{
  text-align: center;
}
.letsRight img{
  width: 489px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .letsSize {
  	width: 66%;
  }
  .letsLeft h2 {
  	font-size: 54px;
  }
  .letsLeft p {
  	font-size: 28px;
  }
  .letsBtnPlace {
  	margin: 100px 0 0;
  }
  .letsRight img {
  	width: 440px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .letsSize {
  	width: 80%;
  }
  .letsLeft h2 {
  	font-size: 46px;
  }
  .letsLeft p {
  	font-size: 26px;
  }
  .letsBtnPlace {
  	margin: 80px 0 0;
  }
  .letsRight img {
  	width: 400px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .letsSize {
  	width: 95%;
  }
  .letsLeft h2 {
  	font-size: 36px;
  }
  .letsLeft p {
  	font-size: 24px;
  }
  .letsBtnPlace {
  	margin: 60px 0 0;
  }
  .letsRight img {
  	width: 350px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .letsWrap {
  	flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }
  .letsLeft,
  .letsRight{
    width: 100%;
  }
  .letsLeft h2 {
  	font-size: 36px;
    text-align: center;
  }
  .letsLeft p {
  	font-size: 24px;
    text-align: center;
  }
  .letsBtnPlace {
  	margin: 60px 0 0;
    text-align: center;
  }
  .letsRight img {
  	width: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .letsWrap {
  	flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }
  .letsSize {
  	width: 90%;
  }
  .letsLeft,
  .letsRight{
    width: 100%;
  }
  .letsLeft h2 {
  	font-size: 32px;
    text-align: center;
  }
  .letsLeft p {
  	font-size: 24px;
    text-align: center;
    margin: 20px 0 0;
  }
  .letsBtnPlace {
  	margin: 40px 0 0;
    text-align: center;
  }
  .letsRight img {
  	width: 100%;
  }
}


/*========================================================
		Comprehensive Care index section
=========================================================*/
.comCare{
  padding: 150px 0;
}
.comCareSize{
  width: 87%;
  margin: 0 auto;
}
.comCare h2{
  text-align: center;
}
.comCare h2 span{
  display: block;
}
.comCareWrap{
  margin: 80px 0 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.comCareBox{
  width: 23.5%;
}
.comCareBox img{
  width: 100%;
}
.comCareBox p span{
  display: block;
  font-family: futura-bold, arial, sans-serif;
  font-size: 40px;
  margin: 0 0 20px;
}
.comCareBox p{
  min-height: 291px;
}
.comCareBox p,
.comCareBtnPlace{
  margin: 50px 0 0;
}
.comCareWrapMobile{
  display: none!important;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .comCareBox p span {
  	font-size: 34px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .comCare {
  	padding: 90px 0;
  }
  .comCareSize{
    width: 92%;
  }
  .comCareBox p span {
    font-size: 30px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .comCare {
  	padding: 65px 0;
  }
  .comCareSize{
    width: 95%;
  }
  .comCareBox p {
  	min-height: 334px;
  }
  .comCareBox p span {
    font-size: 21px;
  }
  .comCareBtnPlace .indexBanBtn {
  	font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .comCare {
  	padding: 80px 0;
  }
  .comCareSize{
    width: 82%;
  }
  .comCareWrapDesktop{
    display: none!important;
  }
  .comCareWrapMobile{
    display: block!important;
    width: 80%!important;
    margin: 70px auto 10px;
  }
  .comCareBox{
    width: 100%;
  }
  .comCareBox p span {
    font-size: 30px;
  }
  .comCareBox p {
    min-height: 176px;
  }
  .comCareBtnPlace {
  	margin: 50px 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .comCare {
  	padding: 50px 0 40px;
  }
  .comCareSize{
    width: 90%;
  }
  .comCareWrapDesktop{
    display: none!important;
  }
  .comCareWrapMobile{
    display: block!important;
    width: 100%!important;
    margin: 50px auto 10px;
  }
  .comCareBox{
    width: 100%;
  }
  .comCareBox p span {
    font-size: 30px;
  }
  .comCareBox p {
    min-height: 241px;
  }
  .comCareBtnPlace {
  	margin: 50px 0 30px;
  }
  .comCareBtnPlace .indexBanBtn{
    width: 100%;
  }
}

/*========================================================
		Testimonials section index
=========================================================*/
.revTesti{
  background: var(--srs-section);
  padding: 120px 0;
}
.revTesti h3{
  text-align: center;
}
.revTestiWrap{
  margin: 90px 0 80px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.revTestiBox{
  width: 32%;
  background: var(--white);
  border-radius: 20px;
  padding: 25px 40px 60px;
}
.revNameGroup{
  position: relative;
}
.revPersonImg{
  width: 109px;
  position: absolute;
  right: -15px;
  top: 0;
}
.revNameGroup p span{
  color: var(--weak-black);
  font-family: futura-bold, arial, sans-serif;
  font-size: 31px;
  display: block;

}
.revNameGroup p{
  color: var(--mainblue);
  font-size: 24px;
  margin: 10px 0 0;
}
.revTestiText p{
  font-size: 26px;
  line-height: 1.4;
  margin: 40px 0 0;
}
.revTestiBtnPlace{
  text-align: center;
}
.revTestiWrapMobile{
  display: none!important;
}

/*** testimonial main page ***/
.revTestiBoxMain {
    width: 24%;
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
}
.revTestiTextMain p {
    font-size: 20px;
}
.revTestiBoxLast {
    width: 100%;
    display: flex;
    flex-direction: row;
}
.revNameGroupLast {
    width: 25%;
}
.revNameGroupLast p {
    color: var(--mainblue);
    font-size: 24px;
    margin: 10px 0 0;
}
.revNameGroupLast p span {
    color: var(--weak-black);
    font-family: futura-bold, arial, sans-serif;
    font-size: 32px;
    display: block;
}
.revPersonImgLast {
        width: 109px;
    margin-top: 20px;
    border-radius: 50%;
}
.revTestiTextLast {
    width: 75%;
}
.revTestiTextLast p {
    font-size: 20px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .revPersonImg {
  	width: 85px;
  }
  .revNameGroup p span {
  	font-size: 28px;
  }
  .revNameGroup p {
  	font-size: 22px;
  }
  .revTestiText p {
  	font-size: 24px;
  }
    .revTestiTextMain p,
    .revTestiTextLast p {
        font-size: 19px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .revTesti {
  	padding: 90px 0;
  }
  .revQuotes{
    width: 68px;
  }
  .revPersonImg {
  	width: 75px;
      top: -10px;
  }
  .revNameGroup p span {
  	font-size: 26px;
  }
  .revNameGroup p {
  	font-size: 20px;
  }
  .revTestiText p {
  	font-size: 18px;
  }
    .revNameGroupMain p {
        margin-top: 20px;
        font-size: 18px;
    }
    .revNameGroupLast p {
        font-size: 18px;
        padding-right: 20px;
    }
    .revNameGroupMain p span,
    .revNameGroupLast p span {
        font-size: 22px;
    }
    .revTestiTextMain p,
    .revTestiTextLast p {
        font-size: 16px;
    }
    .revTestiTextMain p {
        margin-top: 20px;
    }
    .revPersonImgLast {
        width: 75px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .revTesti {
  	padding: 65px 0;
  }
  .revQuotes{
    width: 50px;
  }
  .revPersonImg {
  	width: 65px;
  }
  .revNameGroup p span,
    .revNameGroupMain p span,
    .revNameGroupLast p span {
  	font-size: 20px;
  }
  .revNameGroup p,
    .revNameGroupMain p,
    .revNameGroupLast p {
  	font-size: 18px;
  }
  .revTestiText p {
  	font-size: 18px;
  }
    .revTestiBoxMain {
        width: 49%;
        margin-bottom: 30px;
    }
    .revTestiTextMain p,
    .revTestiTextLast p {
        font-size: 16px;
    }
    .revNameGroupLast p {
        padding-right: 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .revTesti{
    padding: 80px 0;
  }
  .revTesti .srsSize{
    width: 80%;
  }
  .revTesti h3 span{
    display: block;
  }
  .revTestiWrapDesktop{
    display: none!important;
  }
  .revTestiWrapMobile{
    display: block!important;
    width: 80%!important;
    margin: 70px auto 40px;
  }
  .revTestiBox{
    width: 100%;
  }
  .revQuotes{
    width: 68px!important;
  }
  .revPersonImg {
  	width: 75px!important;
  }
  .revNameGroup p span,
    .revNameGroupLast p span {
  	font-size: 26px;
  }
  .revNameGroup p,
    .revNameGroupLast p {
  	font-size: 20px;
  }
  .revTestiText p {
  	font-size: 20px;
  }
    .revTestiBoxLast {
        flex-direction: column;
    }
    .revNameGroupLast,
    .revTestiTextLast {
        width: 100%;
    }
    .revTestiTextMain p,
    .revTestiTextLast p  {
        font-size: 16px;
        margin-top: 20px;
    }
    .revTestiBoxMain {
        margin-bottom: 20px;
    }
    .revNameGroupLast {
        position: relative;
    }
    .revPersonImgLast {
        position: absolute;
        right: -15px;
        top: -15px;
        width: 75px!important;
    }
}
@media only screen and (max-width: 767px) {
  .revTesti{
    padding: 60px 0;
  }
  .revTesti .srsSize{
    width: 90%;
  }
  .revTesti h3 span{
    display: block;
  }
  .revTestiWrapDesktop{
    display: none!important;
  }
  .revTestiWrapMobile{
    display: block!important;
    width: 100%!important;
    margin: 50px auto 40px;
  }
  .revTestiBox{
    width: 100%;
    padding: 25px 30px 50px;
  }
  .revQuotes{
    width: 68px!important;
  }
  .revPersonImg {
  	width: 75px!important;
  }
  .revNameGroup p span,
    .revNameGroupLast p span {
  	font-size: 23px;
    max-width: 80%;
  }
  .revNameGroup p,
    .revNameGroupLast p {
  	font-size: 20px;
  }
  .revTestiText p {
  	font-size: 20px;
  }
    .revTestiBoxLast {
        flex-direction: column;
    }
    .revNameGroupLast,
    .revTestiTextLast {
        width: 100%;
    }
    .revTestiTextMain p,
    .revTestiTextLast p  {
        font-size: 16px;
        margin-top: 20px;
    }
    .revTestiBoxMain {
        margin-bottom: 20px;
    }
    .revNameGroupLast {
        position: relative;
    }
    .revPersonImgLast {
        position: absolute;
        right: -15px;
        top: -15px;
        width: 75px!important;
    }
}

@media only screen and (max-width: 479px) {
    .revTestiBtnPlace .ibanTwo {
        width: 100%;
    }
}
/* Ewa: I added  on  01/11/25 @ 5:37pm EST */
/*========================================================
        INDEX Reviews Counter
=========================================================*/
.grevbg {
    background: var(--lightblue);
    padding: 70px 0;
}
.fiveSwrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.fiveSone p {
    font-family: futura-bold, arial, sans-serif;
    font-size: 90px;
    font-weight: 700;
    line-height: 0.9;
    display: flex;
    align-items: center;
}
.fiveStwo {
    margin: 0 50px;
}
.fiveStwo p {
    font-family: futura-bold, arial, sans-serif;
    font-size: 34px;
    line-height: 1.1;
    text-transform: uppercase;
}
.fiveStwo img {
    width: 190px;
    vertical-align: sub;
}
.fiveStwo p span {
    display: block;
}
.clrBtn {
    background: var(--yellow);
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .grevbg {
        padding: 50px 0;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .grevbg {
        padding: 40px 0;
    }
    .fiveSone p {
        font-size: 70px;
    }
    .fiveStwo p {
        font-size: 26px;
    }
    .fiveStwo img {
        width: 145px;
    }
    .fiveStwo {
        margin: 0 35px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .grevbg {
        padding: 40px 0;
    }
    .fiveSone p {
        font-size: 70px;
    }
    .fiveStwo p {
        font-size: 26px;
    }
    .fiveStwo img {
        width: 145px;
    }
    .fiveStwo {
        margin: 0 35px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .grevbg {
        padding: 35px 0;
    }
    .fiveSone p {
        font-size: 70px;
    }
    .fiveStwo p {
        font-size: 26px;
    }
    .fiveStwo img {
        width: 145px;
    }
    .fiveSwrap {
        flex-direction: column;
    }
    .fiveStwo {
        margin: 20px auto;
    }
}
@media only screen and (max-width: 767px) {
   .grevbg {
        padding: 35px 0;
    }
    .fiveSone p {
        font-size: 70px;
    }
    .fiveStwo p {
        font-size: 21px;
    }
    .fiveStwo img {
        width: 120px;
    }
    .fiveSwrap {
        flex-direction: column;
    }
    .fiveStwo {
        margin: 10px auto 15px;
    }
}
@media only screen and (max-width: 479px) {

}

/*========================================================
		INDEX Okalux Glass Products
=========================================================*/
.okaluxBoxesMob {
    display: none !important;
}

.okaluxbg {
    padding: 90px 0 110px;
}

.okaluxWrap {
    width: 100%;
}
.okaluxWrap h1,
.okaluxWrap h2 {
  font-size: 68px;
  text-align: center;
}

.okaluxBoxes {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 90px;
}

.okaluxBox {
    width: 31%;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.okaluxBox img {
    width: 100%;
    padding: 8px;
    border: 3px solid var(--blue);
}

.okaluxBox h2,
.okaluxBox h3 {
    font-size: 42px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--blue);
    padding: 20px 0;
    text-align: center;
    font-family: futura, arial, sans-serif;
}

.topTitle {
    color: var(--new-blue);
    padding: 0 0 5px 0;
    font-size: 48px;
    text-align: center;
    font-family: futura-bold, arial, sans-serif;
    text-transform: capitalize;
    font-weight: 1000;
}

.okaluxBox p {
    font-size: 30px;
    line-height: 1.3;
    text-align: center;
    width: 75%;
    margin: 0 auto 20px;
}
h2.mainTitleLuxWrap {
    color: var(--black);
    line-height: 1.3;
}
h2.mainTitleLuxWrap span {
    display: block;
}
.okaBtnPlace {
    margin-top: auto;
}

.okaBtn {
    display: inline-block;
    background: var(--blue);
    font-size: 28px;
    text-align: center;
    color: var(--white);
    text-transform: capitalize;
    padding: 15px 70px;
    font-weight: 600;
}

.emailUsBtn {
    display: inline-block;
    background: var(--blue);
    font-size: 28px;
    text-align: center;
    color: var(--white);
    text-transform: capitalize;
    padding: 15px 70px;
    font-weight: 600;
}

.treatUsBtn {
    display: inline-block;
    background: var(--orange);
    font-size: 28px;
    text-align: center;
    color: var(--white);
    text-transform: capitalize;
    padding: 15px 70px;
    font-weight: 600;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {

    .okaluxWrap h1{
        font-size: 54px;
    }

    .okaluxBox p {
        font-size: 28px;
    }

    .topTitle {
        font-size: 38px;
    }
    .okaluxBox h2,
    .okaluxBox h3 {
        font-size: 36px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .okaluxbg {
        padding: 65px 0 70px;
    }
    .okaluxWrap h1,
    .okaluxWrap h2 {
        font-size: 46px;
    }
    .topTitle {
        font-size: 34px;
    }
    .okaluxBox h2,
    .okaluxBox h3 {
        font-size: 30px;
    }

    .okaluxBoxes {
        padding-top: 50px;
    }

    .okaluxBox p {
        width: 100%;
        font-size: 24px;
    }

    .okaBtnPlace .okaBtn {
        padding: 10px 35px;
        font-size: 18px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .okaluxbg {
        padding: 50px 0 70px;
    }
    .okaluxWrap h1 {
        font-size: 36px;
    }

    .topTitle {
        font-size: 24px;
    }
    .okaluxBox h2,
    .okaluxBox h3 {
        font-size: 24px;
    }

    .okaluxBoxes {
        padding-top: 50px;
    }

    .okaluxBox p {
        width: 100%;
        font-size: 19px;
    }

    .okaBtnPlace .okaBtn {
        padding: 10px 35px;
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .okaluxbg {
        padding: 50px 0 35px;
    }
    .okaluxWrap h1,
    .okaluxWrap h2 {
        font-size: 36px;
    }

    .topTitle{
        font-size: 28px;
    }
    .okaluxBox h2,
    .okaluxBox h3 {
        font-size: 30px;
    }

    .okaluxBoxes {
        padding-top: 50px;
    }

    .okaluxBox p {
        width: 100%;
        font-size: 24px;
    }

    .okaBtnPlace .okaBtn {
        padding: 10px 35px;
        font-size: 16px;
    }

    .okaluxBox {
        width: 600px;
        margin: 0 auto 35px;
    }
}

@media only screen and (max-width: 767px) {
    .okaluxbg {
        padding: 50px 0 35px;
    }
    .okaluxWrap h1,
    .okaluxWrap h2 {
        font-size: 32px;
    }

    .topTitle{
        font-size: 24px;
    }
    .okaluxBox h2,
    .okaluxBox h3 {
        font-size: 30px;
    }

    .okaluxBoxes {
        padding-top: 50px;
    }

    .okaluxBox p {
        width: 100%;
        font-size: 24px;
    }

    .okaBtnPlace .okaBtn {
        padding: 10px 35px;
        font-size: 23px;
    }

    .okaluxBox {
        width: 420px;
        margin: 35px auto;
    }

    .okaluxBoxes {
        display: none;
    }

    .okaluxBoxesMob {
        display: block !important;
    }
}

@media only screen and (max-width: 479px) {
    .okaluxbg {
        padding: 35px 0 35px;
    }

    .okaluxBox {
        width: 100%;
    }
}
/*========================================================
		INDEX Glass by HALIO
=========================================================*/
.haliobg {
    background: url('../images/index/haliobg.webp') no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
}

.halioWrap {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
}

.halioLeft {
    width: 60%;
}

.halioLeft img {
    width: 100%;
    display: block;
}

.halioRight {
    width: 40%;
    padding: 0 5%;
}

.halioRight h2 {
    font-size: 52px;
    font-weight: 500;
    color: var(--white);
    text-transform: capitalize;
    line-height: 1.3;
    font-family: futuram, arial, sans-serif;
}

.halioRight h2 span {
    color: var(--orange);
    display: block;
}

.halioRight p {
    padding: 90px 0 90px;
    font-size: 36px;
    line-height: 1.3;
    color: var(--white);
    font-family: futuram, arial, sans-serif;
}

.halioBtnPlace {
    text-align: center;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .halioRight {
        width: 45%;
        padding: 0 5%;
    }

    .halioRight h2 {
        font-size: 44px;
    }

    .halioRight p {
        font-size: 28px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .halioRight {
        width: 45%;
        padding-right: 60px;
    }

    .halioRight h2 {
        font-size: 36px;
    }

    .halioRight p {
        font-size: 24px;
        padding: 50px 0;
    }

    .halioBtnPlace .halioBtn {
        padding: 13px 35px;
        font-size: 20px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .halioLeft {
        width: 50%;
    }

    .halioRight {
        width: 50%;
        padding: 0 35px;
    }

    .halioRight h2 {
        font-size: 30px;
    }

    .halioRight p {
        font-size: 19px;
        padding: 30px 0;
    }

    .halioBtnPlace .halioBtn {
        padding: 13px 35px;
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .halioRight {
        padding: 50px 90px;
    }

    .halioRight h2 {
        font-size: 36px;
    }

    .halioRight p {
        font-size: 19px;
        padding: 35px 0;
    }

    .halioBtnPlace .halioBtn {
        padding: 13px 35px;
        font-size: 16px;
    }

    .halioWrap,
    .haliobg {
        height: auto;
    }

    .halioWrap {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .halioLeft,
    .halioRight {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .halioRight {
        padding: 50px 30px;
    }

    .halioRight h3 {
        font-size: 36px;
        text-align: center;
    }

    .halioRight h2 span {
        font-size: 36px;
    }

    .halioBtnPlace {
        text-align: center;
    }

    .halioRight p {
        font-size: 24px;
        padding: 35px 0;
        text-align: center;
    }

    .halioBtnPlace .halioBtn {
        padding: 13px 35px;
        font-size: 23px;
    }

    .halioWrap,
    .haliobg {
        height: auto;
    }

    .halioWrap {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .halioLeft,
    .halioRight {
        width: 100%;
    }
}
@media only screen and (max-width: 479px) {}

/*========================================================
		INDEX Arcon Products
=========================================================*/
.arconBoxesMob {
    display: none !important;
}

.arconbg {
    padding: 90px 0 160px;
}

.arconWrap {
    width: 100%;
}

.arconWrap h2 {
    font-size: 68px;
    font-weight: 600;
    color: var(--blue);
    text-transform: capitalize;
    text-align: center;
    font-family: futura, arial, sans-serif;
}

.arconBoxes {
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: center;
    padding-top: 110px;
}

.arconBox {
    text-align: center;
    width: 31%;
    display: flex;
    flex-direction: column;
}

.arconiconWrap {
    width: 80%;
    margin: 0 auto;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.arconiconLine {
    width: 70%;
    height: 5px;
}

.lineOrange {
    background: var(--orange);
}

.lineGreen {
    background: var(--green);
}

.lineBlue {
    background: var(--blue);
}

.arconImg {
    width: 110px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.arconBox h4 {
    font-size: 42px;
    font-weight: 700;
    text-transform: capitalize;
    padding: 20px 0;
    text-align: center;
    font-family: futuram, arial, sans-serif;
}

.arconBox h4 span {
    display: block;
}

.arconBox p {
    font-size: 30px;
    line-height: 1.3;
    text-align: left;
    margin: 0 auto 35px;
    width: 80%;
    text-align: center;
}

.arconBtnPlace {
    text-align: center;
    margin-top: auto;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .arconWrap h2 {
        font-size: 54px;
    }

    .arconBox h4 {
        font-size: 30px;
    }

    .arconBox p {
        font-size: 28px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .arconbg {
        padding: 60px 0 90px;
    }

    .arconWrap h2 {
        font-size: 46px;
    }

    .arconBox h4 {
        font-size: 26px;
    }

    .arconImg {
        width: 90px;
    }

    .arconBox p {
        width: 90%;
        font-size: 24px;
    }

    .arconBtnPlace .okaBtn {
        font-size: 18px;
        padding: 15px 35px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .arconbg {
        padding: 60px 0 70px;
    }

    .arconWrap h2 {
        font-size: 36px;
    }

    .arconBox h4 {
        font-size: 26px;
    }

    .arconImg {
        width: 90px;
    }

    .arconBox p {
        width: 90%;
        font-size: 19px;
    }

    .arconBtnPlace .okaBtn {
        font-size: 16px;
        padding: 15px 25px;
    }

    .arconBoxes {
        padding-top: 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .arconbg {
        padding: 60px 0 0;
    }

    .arconWrap h2 {
        font-size: 36px;
    }

    .arconBox h3 {
        font-size: 26px;
        padding: 0 0 20px;
    }

    .arconImg {
        width: 90px;
    }

    .arconBox p {
        width: 70%;
        font-size: 19px;
    }

    .arconBtnPlace .okaBtn {
        font-size: 16px;
        padding: 15px 25px;
    }

    .arconBoxes {
        padding-top: 60px;
        flex-direction: column;
    }

    .arconBox {
        width: 440px;
        margin: 0 auto 75px;
    }
}

@media only screen and (max-width: 767px) {
    .arconbg {
        padding: 60px 0 0;
    }

    .arconWrap h2 {
        font-size: 36px;
        margin-bottom: 25px;
    }

    .arconBox h3 {
        font-size: 26px;
        padding: 0 0 20px;
    }

    .arconImg {
        width: 90px !important;
    }

    .arconBox p {
        width: 70%;
        font-size: 24px;
    }

    .arconBtnPlace .okaBtn {
        font-size: 22px;
        padding: 15px 25px;
    }

    .arconBoxes {
        display: none;
    }

    .arconBoxesMob {
        display: block !important;
        margin-bottom: 50px;
    }

    .arconBox {
        width: 440px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 479px) {
    .arconBox {
        width: 100%;
        margin-bottom: 30px;
    }

    .arconbg {
        padding-top: 35px;
    }
}
/*========================================================
		INDEX Smartglass
=========================================================*/
.leftrightWrapMob {
    display: none !important;
}

.smartgbg {
    background: var(--grey);
}

.smartgWrap {
    display: flex;
    align-items: center;
}

.smartgLeft,
.smartgRight {
    width: 50%;
}

.smartgRight img {
    width: 100%;
    display: block;
}

.smartgLeft {
    padding-left: 12.5%;
}

.smartgLeft h2,
.smartgLeft h3 {
    font-size: 50px;
    font-weight: 600;
    color: var(--blue);
    line-height: 1.3;
    text-transform: uppercase;
    font-family: futuram, arial, sans-serif;
}

.smartgLeft h2 span,
.smartgLeft h3 span {
    display: block;
}

.dottedLine {
    margin: 50px 0;
    width: 15%;
    height: 5px;
    border-bottom: 6px dotted var(--blue);
}

.smartgLeft p {
    font-size: 38px;
    line-height: 1.3;
    width: 770px;
    font-family: futuram, arial, sans-serif;
}

.smartBtnPlace {
    margin: 75px 0 0;
    width: 770px;
    text-align: center;
    display: flex;
}

.smartBtnPlace .okaBtn {
    background: var(--blue) !important;
}

.ironLeft img {
    width: 100%;
    display: block;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .smartgLeft {
        padding-left: 7.5%;
    }

    .smartgLeft h2,
    .smartgLeft h3 {
        font-size: 42px;
    }

    .smartgLeft p {
        width: 670px;
        font-size: 28px;
    }

    .smartBtnPlace .okaBtn,
    .smartBtnPlace a {
        padding: 15px 35px;
    }

    .smartBtnPlace {
        margin-top: 60px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .smartgLeft {
        padding: 0 60px;
    }

    .smartgLeft h2,
    .smartgLeft h3 {
        font-size: 34px;
    }

    .dottedLine {
        margin: 20px 0;
    }

    .smartgLeft p {
        width: 100%;
        font-size: 24px;
    }

    .smartBtnPlace .okaBtn,
    .smartBtnPlace a {
        padding: 10px 25px;
        font-size: 18px;
    }

    .smartBtnPlace {
        margin-top: 35px;
        width: 530px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .smartgLeft {
        padding: 0 35px;
    }
    .smartgLeft h2,
    .smartgLeft h3 {
        font-size: 26px;
    }

    .smartgLeft h2 span,
    .smartgLeft h3 span {
        display: inline-block;
    }

    .dottedLine {
        margin: 20px 0;
        border-bottom: 4px dotted var(--blue);
    }

    .smartgLeft p {
        width: 100%;
        font-size: 19px;
    }

    .smartBtnPlace .okaBtn,
    .smartBtnPlace a {
        padding: 10px 25px;
        font-size: 16px;
    }

    .smartBtnPlace {
        margin-top: 25px;
        width: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .smartgLeft {
        padding: 50px 35px 70px;
    }

    .smartgLeft h2,
    .smartgLeft h3 {
        font-size: 30px;
    }

    .smartgLeft h2 span,
    .smartgLeft h3 span {
        display: inline-block;
    }

    .dottedLine {
        margin: 20px 0;
        border-bottom: 4px dotted var(--blue);
    }

    .smartgLeft p {
        width: 100%;
        font-size: 19px;
    }

    .smartBtnPlace .okaBtn,
    .smartBtnPlace a {
        padding: 10px 25px;
        font-size: 16px;
    }

    .smartBtnPlace {
        margin-top: 25px;
        width: auto;
    }

    .smartgWrap {
        flex-direction: column-reverse;
    }

    .smartgLeft,
    .smartgRight {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .leftrightWrap {
        display: none;
    }

    .leftrightWrapMob {
        display: block !important;
    }

    .smartgLeft {
        padding: 50px 35px 70px;
    }

    .smartgLeft h2,
    .smartgLeft h3 {
        font-size: 28px;
        text-align: center;
    }

    .smartgLeft h2 span,
    .smartgLeft h3 span {
        display: inline-block;
    }

    .dottedLine {
        margin: 20px auto;
        border-bottom: 4px dotted var(--blue);
    }

    .smartgLeft p {
        width: 100%;
        font-size: 24px;
        text-align: center;
    }
    .smartBtnPlace .okaBtn,
    .smartBtnPlace a {
        padding: 14px 25px;
        font-size: 20px;
        width: 100%;
    }
    .smartBtnPlace a:nth-child(2){
      margin-left: 0;
      margin-top: 5px;
    }

    .smartBtnPlace {
        margin-top: 25px;
        width: auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .smartgWrap {
        flex-direction: column-reverse;
    }

    .smartgLeft,
    .smartgRight {
        width: 100%;
    }
}

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

    .smartBtnPlace .okaBtn,
    .smartBtnPlace .videoBtn {
        width: 100%;
    }
}
/*========================================================
		INDEX Iron glass
=========================================================*/
.ironWrap {
    display: flex;
    align-items: center;
}

.ironLeft,
.ironRight {
    width: 50%;
}

.ironRight {
    padding-right: 12.5%;
    padding-left: 120px;
}

.ironRight h2,
.ironRight h3 {
    font-size: 50px;
    font-weight: 600;
    color: var(--blue);
    line-height: 1.3;
    text-transform: uppercase;
    font-family: futuram, arial, sans-serif;
}

.ironRight h2 span,
.ironRight h3 span {
    display: block;
}

.ironRight p {
    font-size: 38px;
    line-height: 1.3;
    width: 770px;
    font-family: futuram, arial, sans-serif;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .ironRight h2,
    .ironRight h3 {
        font-size: 42px;
    }

    .ironRight h2 span,
    .ironRight h3 span {
        display: inline-block;
    }

    .ironRight p {
        font-size: 28px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .ironRight h2,
    .ironRight h3 {
        font-size: 34px;
    }

    .ironRight h2 span,
    .ironRight h3 span {
        display: inline-block;
    }

    .ironRight {
        padding: 0 60px;
    }

    .ironRight p {
        font-size: 24px;
        width: 100%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .ironRight h2,
    .ironRight h3 {
        font-size: 26px;
    }

    .ironRight h2 span,
    .ironRight h3 span {
        display: inline-block;
    }

    .ironRight {
        padding: 0 35px;
    }

    .ironRight p {
        font-size: 19px;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .ironRight h2,
    .ironRight h3 {
        font-size: 30px;
    }

    .ironRight h2 span,
    .ironRight h3 span {
        display: inline-block;
    }

    .ironRight {
        padding: 50px 35px 75px;
    }

    .ironRight p {
        font-size: 19px;
        width: 100%;
    }

    .ironWrap {
        flex-direction: column;
    }

    .ironLeft,
    .ironRight {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .ironRight h2,
    .ironRight h3 {
        font-size: 28px;
        text-align: center;
    }

    .ironRight h2 span,
    .ironRight h3 span {
        display: inline-block;
    }

    .ironRight {
        padding: 50px 35px 75px;
    }

    .ironRight p {
        font-size: 24px;
        width: 100%;
        text-align: center;
    }

    .ironWrap {
        flex-direction: column;
    }

    .ironLeft,
    .ironRight {
        width: 100%;
    }
}

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

    .ironRight,
    .smartgLeft {
        padding: 35px 20px 25px;
    }
}
/*========================================================
		INDEX Decorative glass
=========================================================*/
.decorBoxesMob {
    display: none !important;
}

.decorbg {
    padding: 90px 0 120px;
}

.decorWrap {
    width: 100%;
}
.decorWrap h1,
.decorWrap h2,
.decorWrap h3 {
    font-size: 68px;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
}
.decorWrap h1 span,
.decorWrap h2 span,
.decorWrap h3 span {
    display: block;
}

.decorBoxes {
    width: 100%;
    padding-top: 90px;
    display: flex;
    justify-content: space-between;
}

.decorBoxesWrap {
    flex-wrap: wrap;
    justify-content: normal;
    margin-top: -1.5%;
    margin-left: -1%;
}

.decorBoxesWrap .decorBox {
    margin-bottom: 60px;
    margin-top: 1.5%;
    margin-left: 1.5%;
    flex-basis: calc(100% / 4 - 1.5%);
}

.swipearrows {
    display: none;
}

.decorBox {
    width: 24%;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.decorBox img {
    width: 100%;
    padding: 8px;
    border: 3px solid var(--blue);
}
.decorBox h2,
.decorBox h3 {
    font-size: 42px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--blue);
    padding: 20px 0;
    text-align: center;
    font-family: futuram, arial, sans-serif;
}

.decorBox p {
    font-size: 32px;
    line-height: 1.3;
    text-align: center;
    width: 92%;
    margin: 0 auto 20px;
    font-family: futuram, arial, sans-serif;
}

.decorBtnPlace {
    margin-top: auto;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .decorWrap h1,
    .decorWrap h2,
    .decorWrap h3 {
        font-size: 54px;
    }
    .decorBox h2,
    .decorBox h3 {
        font-size: 30px;
    }

    .decorBox p {
        width: 85%;
        font-size: 28px;
    }

    .decorBtnPlace .decorBtn {
        padding: 10px 40px;
        font-size: 21px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .decorbg {
        padding: 70px 0 90px;
    }

    .decorBoxes {
        padding-top: 70px;
    }
    .decorWrap h1,
    .decorWrap h2,
    .decorWrap h3 {
        font-size: 46px;
    }
    .decorBox h2,
    .decorBox h3 {
        font-size: 28px;
    }

    .decorBox p {
        width: 95%;
        font-size: 23px;
    }

    .decorBtnPlace .decorBtn {
        padding: 7px 25px;
        font-size: 18px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1300px) {
    .decorBoxesWrap {
        flex-wrap: wrap;
        justify-content: normal;
        margin-top: -3.5%;
        margin-left: -2%;
    }

    .decorBoxesWrap .decorBox {
        margin-top: 3.5%;
        margin-left: 3.5%;
        flex-basis: calc(100% / 2 - 3.5%);
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .decorbg {
        padding: 70px 0 20px;
    }


    .decorBoxes {
        padding-top: 50px;
        flex-wrap: wrap;
    }

    .decorWrap h1,
    .decorWrap h2,
    .decorWrap h3 {
        font-size: 36px;
    }
    .decorBox h2,
    .decorBox h3 {
        font-size: 26px;
    }

    .decorBox p {
        width: 90%;
        font-size: 19px;
    }

    .decorBtnPlace .decorBtn {
        padding: 7px 25px;
        font-size: 16px;
    }

    .decorBox {
        width: 47%;
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .decorbg {
        padding: 70px 0 20px;
    }

    .decorBoxes {
        padding-top: 50px;
        flex-wrap: wrap;
    }
    .decorWrap h1,
    .decorWrap h2,
    .decorWrap h3 {
        font-size: 36px;
    }
    .decorBox h2,
    .decorBox h3 {
        font-size: 28px;
    }

    .decorBox p {
        width: 90%;
        font-size: 19px;
    }

    .decorBtnPlace .decorBtn {
        padding: 7px 25px;
        font-size: 16px;
    }

    .decorBox {
        width: 47%;
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .decorbg {
        padding: 50px 0 20px;
    }

    .decorBoxes {
        display: none;
    }

    .decorBoxesMob {
        display: block !important;
        padding-top: 20px;
        flex-wrap: wrap;
    }
    .decorWrap h1,
    .decorWrap h2,
    .decorWrap h3 {
        font-size: 32px;
    }
    .decorBox h2,
    .decorBox h3,
    .decorBox h4 {
        font-size: 30px;
    }
    .decorBox h4{
      color: var(--blue);
      font-family: futuram, arial, sans-serif;
      font-weight: 600;
      padding: 20px 0;
    }

    .decorBox p {
        width: 90%;
        font-size: 24px;
    }

    .decorBtnPlace .decorBtn {
        padding: 7px 25px;
        font-size: 23px;
    }

    .decorBox {
        width: 440px;
        margin: 0 auto 50px;
    }

    .swipearrows {
        padding: 50px 0 5px;
        font-size: 16px !important;
        font-family: arial, sans-serif !important;
        font-weight: 600 !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .addPaddTop {
        padding: 60px 0 0;
    }
}

@media only screen and (max-width: 479px) {
    .decorBox {
        width: 100%;
    }
}

/*========================================================
		Our Doctors page new
=========================================================*/
.ourDoct{
  padding: 150px 0;
}
.ourDoctSize{
  width: 83%;
  margin: 0 auto;
}
.ourDoct h1{
  font-size: 68px;
  text-align: center;
}
.ourDoctWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 80px 0 0;
}
.ourDoctBox{
  width: 24%;
  display: flex;
  flex-direction: column;
  margin: 0 0 60px;
}
.ourDoctBox:nth-child(5),
.ourDoctBox:nth-child(6),
.ourDoctBox:nth-child(7){
  margin: 0 0 0;
}
.ourDoctBoxEmpty{
  width: 24%;
}
.ourDoctBox img{
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
  margin: 0 0 -4px;
}
.ourDoctBoxText{
  padding: 30px 30px 40px;
    border: 2px solid #d9ebf7;
    border-top: none;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;

}
.ourDoctBox h2{
  font-size: 36px;
}
.ourTreatWrap .ourDoctBox h2{
  min-height: 96px;
}
.ourDoctBox p{
  margin: 10px 0 0;
  min-height: 110px;
}
.ourTreatWrap .ourDoctBox p {
	min-height: 219px;
}
.ourDoctBtnPlace{
  margin: 40px 0 0;
}
.ourDoctWrapMobile{
  display: none!important;
}
.ourDoctRevSize {
    width: 68%;
    margin: 0 auto;
}
.normalTwo {
    background: none;
    color: var(--new-blue);
}
.docSingBanbg {
    background: var(--lightblue);
    padding: 120px 0;
}
.docSingBanWrap {
    display: flex;
    justify-content: space-between;
}
.docSingBanLeft {
    max-width: 860px;
}
.docSingBanLeft h1 {
    font-size: 90px;
    font-weight: 900;
    color: var(--black);
    line-height: 1.1;
    text-transform: capitalize;
}
.docSingBanLeft h1 span {
    font-size: 28px;
    display: block;
    font-weight: 700;
    line-height: 1.3;
    padding: 15px 0 60px;
    font-family: 'Nunito Sans', arial, sans-serif;
}
.docSingBanLeft p {
    font-family: futura-bold, arial, sans-serif;
    font-size: 38px;
    color: var(--new-blue);
}
.docSingBanLeft p span {
    padding: 15px 0 25px;
    font-family: 'Nunito Sans', arial, sans-serif;
    line-height: 1.3;
    font-size: 28px;
    display: block;
    color: var(--black);
}
.docSingBanRight {
    text-align: right;
}
.docSingBanRight img {
    display: block;
    float: right;
    border-radius: 20px;
    max-width: 500px;
}
.docSingAboutbg {
    padding: 90px 0 150px;
}
.docSingAbout h2 {
    text-align: center;
    padding-bottom: 60px;
}
.docSingAbout p {
    padding-bottom: 50px;
}
.docSingAbout p span {
    font-weight: 900;
}
.docSingList {
    padding-top: 50px;
    color: var(--new-blue);
    font-size: 44px;
    text-align: center;
    font-family: futura-bold, arial, sans-serif;
    padding-bottom: 50px;
}
.docSingAbout ul li {
    background: url('../images/icons/listitem.png') no-repeat;
    background-position: left top 10px;
    background-size: 30px 30px;
    padding: 6px 0 6px 45px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .ourDoct {
  	padding: 130px 0;
  }
  .ourDoctBox h2 {
  	font-size: 34px;
  }
  .ourTreatWrap .ourDoctBox h2{
    min-height: 82px;
  }
  .ourDoct h1{
    font-size: 54px;
  }
  .ourDoctBox p{
    min-height: 94px;
  }
  .ourTreatWrap .ourDoctBox p {
  	min-height: 250px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .ourDoct {
  	padding: 100px 0;
  }
  .ourDoctSize{
    width: 90%;
  }
  .ourDoct h1{
    font-size: 46px;
  }
  .ourDoctBox h2 {
  	font-size: 28px;
  }
  .ourTreatWrap .ourDoctBox h2{
    min-height: 82px;
  }
  .ourTreatWrap .ourDoctBox p {
    min-height: 229px;
  }
  .ourDoctBtnPlace {
  	margin: 20px 0 0;
  }
    .docSingBanLeft h1 {
        font-size: 60px;
    }
    .docSingBanLeft h1 span {
        font-size: 21px;
    }
    .docSingBanLeft p {
        font-size: 26px;
    }
    .docSingBanLeft p span {
        font-size: 18px;
    }
    .docSingBanLeft {
        max-width: 580px;
    }
    .docSingBanRight img {
        max-width: 320px;
    }
    .docSingBanbg {
        padding: 70px 0;
    }
    .docSingList {
        font-size: 28px;
    }
    .docSingAbout p {
        font-size: 18px;
    }
    .docSingAbout ul li {
        font-size: 18px;
        background-size: 20px 20px;
        padding: 6px 0 6px 34px;
        background-position: left top 7px;
    }
    .docSingAboutbg {
        padding: 70px 0 90px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .ourDoct {
  	padding: 80px 0;
  }
  .ourDoctSize{
    width: 95%;
  }
  .ourDoct h1{
    font-size: 36px;
  }
  .ourDoctBoxText {
  	padding: 30px 20px 30px;
  }
  .ourDoctBox h2 {
  	font-size: 20px;
  }
  .ourTreatWrap .ourDoctBox h2{
    min-height: 48px;
  }
  .ourDoctBox{
    margin: 0 0 40px;
  }
  .ourDoctBox p {
    min-height: 104px;
  }
  .ourTreatWrap .ourDoctBox p {
    min-height: 286px;
  }
  .ourDoctBtnPlace {
  	margin: 20px 0 0;
  }
     .docSingBanLeft h1 {
        font-size: 60px;
    }
    .docSingBanLeft h1 span {
        font-size: 21px;
    }
    .docSingBanLeft p {
        font-size: 26px;
    }
    .docSingBanLeft p span {
        font-size: 18px;
    }
    .docSingBanLeft {
        max-width: 580px;
    }
    .docSingBanRight img {
        max-width: 320px;
    }
    .docSingBanbg {
        padding: 70px 0;
    }
    .docSingList {
        font-size: 24px;
        padding: 30px 0;
    }
    .docSingAbout p {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .docSingAbout ul li {
        font-size: 18px;
        background-size: 20px 20px;
        padding: 6px 0 6px 34px;
        background-position: left top 7px;
    }
    .docSingAbout h2 {
        padding-bottom: 30px;
    }
    .docSingAboutbg {
        padding: 70px 0 90px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ourDoct {
  	padding: 80px 0;
  }
  .ourDoctSize{
    width: 95%;
  }
  .ourDoct h1{
    font-size: 36px;
  }
  .ourDoctBox{
    width: 48%;
    margin: 0 0 40px;
  }
  .ourDoctBox:nth-child(5),
  .ourDoctBox:nth-child(6){
    margin: 0 0 40px;
  }
  .ourDoctBoxText {
  	padding: 30px 20px 30px;
  }
  .ourDoctBox h2 {
  	font-size: 20px;
  }
  .ourTreatWrap .ourDoctBox h2{
    min-height: 30px;
  }
  .ourDoctBox p {
  	min-height: 78px;
  }
  .ourTreatWrap .ourDoctBox p {
    min-height: 182px;
  }
  .ourDoctBtnPlace {
  	margin: 20px 0 0;
  }
     .docSingBanLeft h1 {
        font-size: 40px;
    }
    .docSingBanLeft h1 span {
        font-size: 21px;
    }
    .docSingBanLeft p {
        font-size: 21px;
    }
    .docSingBanLeft p span {
        font-size: 18px;
    }
    .docSingBanLeft {
        max-width: 400px;
    }
    .docSingBanRight img {
        max-width: 260px;
    }
    .docSingBanbg {
        padding: 70px 0;
    }
    .docSingList {
        font-size: 24px;
        padding: 30px 0;
    }
    .docSingAbout p {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .docSingAbout ul li {
        font-size: 18px;
        background-size: 20px 20px;
        padding: 6px 0 6px 34px;
        background-position: left top 7px;
    }
    .docSingAbout h2 {
        padding-bottom: 30px;
    }
    .docSingAboutbg {
        padding: 70px 0 90px;
    }
    .srsSize {
        width: 90%;
    }
}
@media only screen and (max-width: 767px) {
  .ourDoct {
  	padding: 60px 0;
  }
  .ourDoctSize{
    width: 90%;
  }
  .ourDoctWrapDesktop{
    display: none!important;
  }
  .ourDoctWrapMobile{
    display: block!important;
    margin: 20px 0 0;
  }
  .ourDoct h1{
    font-size: 32px;
  }
  .ourDoct h1 span{
    display: block;
  }
  .ourDoctBox{
    width: 100%;
    margin: 0 0 20px;
  }
  .ourDoctBoxText {
  	padding: 30px 20px 30px;
    min-height: 252px;
  }
  .ourDoctBox h2 {
  	font-size: 20px;
  }
  .ourTreatWrap .ourDoctBox h2{
    min-height: 30px;
  }
  .ourDoctBox p {
  	min-height: 78px;
  }
  .ourTreatWrap .ourDoctBox p {
  	min-height: 182px;
  }
  .ourDoctBtnPlace {
  	margin: 20px 0 0;
  }
    .docSingBanWrap {
        flex-direction: column-reverse;
    }
    .docSingBanbg {
        padding: 35px 0;
    }
    .docSingBanRight {
        text-align: center;
    }
    .docSingBanRight img {
        float: none;
        max-width: 300px;
        margin-bottom: 30px;
    }
    .docSingBanLeft h1 {
        font-size: 40px;
    }
    .docSingBanLeft h1 span {
        font-size: 21px;
    }
    .docSingBanLeft p {
        font-size: 21px;
    }
    .docSingBanLeft p span {
        font-size: 18px;
    }
    .docSingBanLeft {
        max-width: 100%;
    }
    .docSingBanRight img {
        max-width: 260px;
    }
    .docSingList {
        font-size: 24px;
        padding: 30px 0;
    }
    .docSingAbout p {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .docSingAbout ul li {
        font-size: 18px;
        background-size: 20px 20px;
        padding: 6px 0 6px 34px;
        background-position: left top 7px;
    }
    .docSingAbout h2 {
        padding-bottom: 30px;
    }
    .docSingAboutbg {
        padding: 50px 0;
    }
    .srsSize {
        width: 90%;
    }
    .docBanBtns {
        flex-direction: column;
        align-items: flex-start;
    }
    .docSingList span {
        display: block;
    }

}
@media only screen and (max-width: 479px) {
    .docBanBtns .ibanOne,
    .docBanBtns .videoBtnDoct {
        width: 100%;
    }
}

/*========================================================
		Treatments sub pages new - banner section
=========================================================*/
.trSubPage{
  background: var(--lightblue);
}
.trSubPageWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.trSubLeft,
.trSubRight{
  width: 50%;
}
.trSubLeft{
  padding: 100px 90px 100px 130px;
}
.trSubLeft h1 {
	font-size: 90px;
	font-weight: 900;
	color: var(--black);
	line-height: 1;
	text-transform: capitalize;
}
.trSubLeft h1 span{
  display: block;
  font-family: lato-regular, arial, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
  margin: 35px 0 0;
}
.trSubLeft p span{
  color: var(--new-blue);
  display: block;
  font-family: futura-bold, arial, sans-serif;
  font-size: 38px;
  margin: 0 0 35px;
}
.trSubLeft p{
  width: 90%;
  margin: 85px 0 0;
}
.trSubRight{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.trSubBanSpinalDecom{
  background-image: url('../images/treatments/sub-pages/spinal-decompression.jpg');
}
.trSubBanHerniatedDisc{
  background-image: url('../images/treatments/sub-pages/herniated-disc.jpg');
}
.trSubBanScoliosis{
  background-image: url('../images/treatments/sub-pages/scoliosis.jpg');
}
.trSubBanKneePain{
  background-image: url('../images/treatments/sub-pages/knee-pain.jpg');
}
.trSubBanNeuropathy{
  background-image: url('../images/treatments/sub-pages/neuropathy.jpg');
}
.trSubBanStenosis{
  background-image: url('../images/treatments/sub-pages/spinal-stenosis.jpg');
}
.trSubBanVertigo{
  background-image: url('../images/treatments/sub-pages/vertigo.jpg');
}
.trSubBanSciatica{
  background-image: url('../images/treatments/sub-pages/sciatica.jpg');
}
.trSubBanFibromyalgia{
  background-image: url('../images/treatments/sub-pages/fibromyalgia.jpg');
}
.trSubBanPainManagement{
  background-image: url('../images/treatments/sub-pages/pain-management.jpg');
}
.trSubBanAutoAccident{
  background-image: url('../images/treatments/sub-pages/auto-accidents.jpg');
}
.trSubBanWorkInjuries{
  background-image: url('../images/treatments/sub-pages/work-injuries.jpg');
}
.trSubBanChiropractic{
  background-image: url('../images/treatments/sub-pages/chiropractic.jpg');
}
.trSubBanChiropractic{
  background-image: url('../images/treatments/sub-pages/chiropractic.jpg');
}
.trSubBanMassageTherapy{
  background-image: url('../images/treatments/sub-pages/massage-therapy.jpg');
}
.addPaddingBottom {
    padding-bottom: 30px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .trSubLeft {
  	padding: 100px 90px 100px 97px;
  }
  .trSubLeft h1 {
  	font-size: 65px;
  }
  .trSubLeft h1 span {
  	font-size: 24px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .trSubLeft {
  	padding: 60px 80px 60px 61px;
  }
  .trSubLeft h1 {
  	font-size: 52px;
  }
  .trSubLeft h1 span {
  	font-size: 22px;
    margin: 25px 0 0;
  }
  .trSubLeft p {
  	margin: 60px 0 0;
  }
  .trSubLeft p span {
  	font-size: 30px;
  	margin: 0 0 20px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .trSubLeft {
  	padding: 50px 45px 50px 27px;
  }
  .trSubLeft h1 {
  	font-size: 36px;
  }
  .trSubLeft h1 span {
  	font-size: 20px;
    margin: 25px 0 0;
  }
  .trSubLeft p {
  	margin: 60px 0 0;
  }
  .trSubLeft p span {
  	font-size: 24px;
  	margin: 0 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .trSubPageWrap{
    flex-direction: column-reverse;
  }
  .trSubLeft,
  .trSubRight{
    width: 100%;
  }
  .trSubRight{
    min-height: 600px;
  }
  .trSubLeft {
  	padding: 50px 35px 50px 35px;
  }
  .trSubLeft h1 {
  	font-size: 36px;
  }
  .trSubLeft h1 span {
  	font-size: 20px;
    margin: 25px 0 0;
  }
  .trSubLeft p {
  	margin: 60px 0 0;
  }
  .trSubLeft p span {
  	font-size: 24px;
  	margin: 0 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .trSubPageWrap{
    flex-direction: column-reverse;
  }
  .trSubLeft,
  .trSubRight{
    width: 100%;
  }
  .trSubRight{
    min-height: 350px;
  }
  .trSubLeft {
  	padding: 50px 20px;
  }
  .trSubLeft h1 {
  	font-size: 34px;
  }
  .trSubLeft h1 span {
  	font-size: 20px;
    margin: 25px 0 0;
  }
  .trSubLeft p {
    width: 100%;
  	margin: 50px 0 0;
  }
  .trSubLeft p span {
  	font-size: 24px;
  	margin: 0 0 20px;
  }
  .trSubLeft .indexBannerBtnsWrap{
    flex-wrap: wrap;
  }
  .trSubLeft .indexBanBtn{
    width: 100%;
  }
  .trSubLeft .ibanTwo{
    margin: 10px 0 0 0;
  }
}

/*========================================================
		Treatments sub pages new - middle section
=========================================================*/
.trMiddle{
  background: var(--srs-section);
  padding: 100px 0;
}
.trMiddle h2{
  text-align: center;
}
.trMiddle h2 span{
  color: var(--new-blue);
  display: block;
  font-size: 38px;
  margin: 20px 0 0;
}
.trMiddle ul{
  column-count: 2;
  margin: 75px auto 0;
  width: 80%;
}
.trMiddle ul li {
	background: url('../images/icons/listitem.png') no-repeat;
	background-position: left center;
	background-size: 30px 30px;
  font-weight: 400;
	padding: 12px 30px 12px 45px;
}
.trMiddlePar{
  width: 80%;
  margin: 80px auto 0;
}
.trMiddlePar p{
  margin: 0 0 30px;
}
.trMiddlePar p:last-child{
  margin: 0 0 0;
}
.trMiddlePar p span{
  font-weight: 700;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .trMiddle h2 span {
  	font-size: 30px;
  }
  .trMiddle ul li {
  	background-size: 26px 26px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .trMiddle {
  	padding: 80px 0;
  }
  .trMiddle h2 span {
  	font-size: 24px;
  }
  .trMiddle ul {
  	margin: 55px auto 0;
  	width: 100%;
  }
  .trMiddle ul li {
    background-size: 24px 24px;
  }
  .trMiddlePar{
    width: 100%;
    margin: 60px auto 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .trMiddle {
  	padding: 60px 0;
  }
  .trMiddle h2 span {
  	font-size: 24px;
  }
  .trMiddle ul {
    column-count: 1;
  	margin: 60px auto 0;
  	width: 100%;
  }
  .trMiddle ul li {
    background-size: 24px 24px;
  }
  .trMiddlePar{
    width: 100%;
    margin: 60px auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .trMiddle {
  	padding: 60px 0;
  }
  .trMiddle h2 span {
  	font-size: 22px;
  }
  .trMiddle ul {
    column-count: 1;
  	margin: 40px auto 0;
  	width: 100%;
  }
  .trMiddle ul li {
    background-size: 24px 24px;
    padding: 10px 0 10px 40px;
  }
  .trMiddlePar{
    width: 100%;
    margin: 60px auto 0;
  }
}

/*========================================================
		INDEX Ready to learn
=========================================================*/
.readyleftImg {
    display: none;
}

.readybg {
    background: var(--grey) url('../images/index/banner-schedule-down.webp') no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 180px 0;
}

.readyWrap {
    width: 100%;
    display: flex;
    align-items: center;
}

.readyLeft {
    width: 60%;
}

.readyRight {
    width: 45%;
    padding-right: 12.5%;
    padding-left: 60px;
    text-align: center;
}

.readyRight h2,
.readyRight h4 {
    font-size: 68px;
    font-weight: 700;
    color: var(--blue);
    text-transform: uppercase;
    font-family: futuram, arial, sans-serif;
}

.dottedrLine {
    margin: 50px auto;
    width: 20%;
    height: 7px;
    border-bottom: 8px dotted var(--blue);
}

.readyRight p {
    font-size: 40px;
    line-height: 1.3;
    font-weight: 700;
}

.readyBtnPlace {
    margin-top: 75px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .readyRight h2,
    .readyRight h4 {
        font-size: 54px;
    }

    .readyRight {
        padding-left: 0;
        width: 45%;
    }

    .readyLeft {
        width: 55%;
    }

    .readyRight p {
        font-size: 32px;
    }

    .readyBtnPlace .okaBtn {
        padding: 15px 40px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .readyRight h2,
    .readyRight h4 {
        font-size: 46px;
    }

    .readyRight {
        padding-left: 0;
        width: 50%;
    }

    .dottedrLine {
        margin: 35px auto;
    }

    .readyLeft {
        width: 50%;
    }

    .readyRight p {
        font-size: 26px;
    }

    .readyBtnPlace .okaBtn {
        padding: 10px 30px;
        font-size: 18px;
    }

    .readybg {
        padding: 110px 0;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .readyRight h2,
    .readyRight h4 {
        font-size: 36px;
    }

    .readyRight {
        padding-left: 0;
        padding-right: 35px;
        width: 50%;
    }

    .dottedrLine {
        margin: 35px auto;
    }

    .readyLeft {
        width: 50%;
    }

    .readyRight p {
        font-size: 26px;
    }

    .readyBtnPlace .okaBtn {
        padding: 10px 30px;
        font-size: 16px;
    }

    .readybg {
        padding: 110px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .readyRight h2,
    .readyRight h4 {
        font-size: 34px;
    }

    .readyRight {
        padding-left: 0;
        padding-right: 35px;
        width: 50%;
    }

    .dottedrLine {
        margin: 35px auto;
    }

    .readyLeft {
        width: 50%;
    }

    .readyRight p {
        font-size: 26px;
    }

    .readyBtnPlace .okaBtn {
        padding: 10px 30px;
        font-size: 16px;
    }

    .readybg {
        padding: 110px 0;
    }
}

@media only screen and (max-width: 767px) {
    .readyleftImg {
        display: block;
        width: 100%;
    }

    .readyRight h2,
    .readyRight h4 {
        font-size: 36px;
    }

    .readyRight {
        padding: 35px 20px 50px;
    }

    .dottedrLine {
        margin: 35px auto;
    }

    .readyLeft {
        width: 50%;
    }

    .readyRight p {
        font-size: 26px;
    }

    .readyBtnPlace .okaBtn {
        padding: 10px 30px;
        font-size: 21px;
    }

    .readybg {
        padding: 0;
        background: none;
    }

    .readyWrap {
        flex-direction: column;
    }

    .readyLeft,
    .readyRight {
        width: 100%;
    }

    .readyBtnPlace {
        margin-top: 35px;
    }
}
/*========================================================
		Footer
=========================================================*/
.fooTwo ul li.mlogo,
.fooTwo ul li.mphone,
.fooTwo ul li.madr,
.fooTwo ul li.mhours,
.fooTwo ul li.msocial,
.fooTwo ul li.mmlinks,
.fooTwo ul li.maddress,
.fooTwo ul li.extraBtn,
.fooTwo ul li.liDividText {
    display: none;
}
.footerSize{
  width: 90%;
  margin: 0 auto;
}
.footer {
    background: var(--new-blue);
    padding: 70px 0;
}

.footerWrap {
    width: 100%;
    margin: 0 auto;
    display: flex;
}

.fooOne {
    width: 40%;
}

.fooTwo,
.fooThree,
.fooFour {
    width: 20%;
}

.fooLogo img {
    width: 400px;
    display: block;
}

.fooLogo p {
    color: var(--foo-white);
    font-family: futura-bold, arial, sans-serif;
    font-size: 24px;
    margin: 10px 0 40px 0;
}
.fooLogo p br{
  display: none;
}
.fooAdr,
.fooTel,
.fooHours,
.fooSoc,
.footBtnPlace {
    padding-left: 0;
}

.footBtnPlace {
    padding-top: 50px;
}

.fooAdr p,
.fooHours p,
.fooTel a {
    font-size: 28px;
    font-weight: 500;
    color: var(--white);
    padding-bottom: 40px;
}
.fooHours .hoursNav{
  display: flex;
  justify-content: space-between;
  font-size: 24px;
  font-weight: 400;
  color: var(--white);
  max-width: 300px;
  margin: 0 0 10px;
}
.fooHours{
  margin-bottom: 40px;
}
.fooHours .hoursNav span{
  display: block;
}
.fooHours .hoursNav strong{
  min-width: 140px;
}
.fooHours .hoursNav .hourCell{
  min-width: 130px;
  text-align: left;
}
.fooAdr p span,
.fooHours p span {
    display: block;
}

.fooSoc {
    padding-top: 60px;
}

.fooSoc ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.fooSoc ul li {
    width: 60px;
    height: 60px;
    background: var(--yellow);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

.foosocico {
    font-size: 32px;
    color: var(--white);
}

.fooTwo h4,
.fooThree h4,
.fooFour h4 {
    font-family: futura-bold, arial, sans-serif;
    font-size: 30px;
    color: var(--foo-white);
    margin: 20px 0 60px;
}

.dottedfooLine {
    margin: 20px 0;
    width: 15%;
    height: 5px;
    border-bottom: 6px dotted var(--orange);
}

.fooTwo ul li,
.fooThree ul li,
.fooFour ul li {
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 8px 0;
}

.fooTwo ul li a,
.fooThree ul li a,
.fooFour ul li a {
    color: var(--white);
}

.fooTwo ul li a:hover,
.fooThree ul li a:hover,
.fooFour ul li a:hover {
    color: #f3c471;
}

.footCopy {
    padding: 50px 0;
    background: var(--new-blue);
    width: 100%;
    margin: 0 auto;
}
.footCopy .footerSize{
  border-top: 1px solid var(--foo-white);
}

.footCopy p {
    color: var(--white);
    font-size: 24px;
    text-align: center;
    margin-top: 50px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .fooLogo img {
  	width: 385px;
  }
    .fooLogo p {
      font-size: 23px;
        margin: 0 0 50px 0;
    }
    .fooNav ul li {
        font-size: 24px;
    }

    .fooNav {
        width: 720px;
    }

    .fooSoc ul li a img {
        width: 50px;
    }

    .fooTel a {
        font-size: 40px;
    }

    .footCopy {
        font-size: 24px;
    }

    .footCopy p {
        font-size: 18px;
    }

    .fooAdr p,
    .fooHours p {
        font-size: 24px;
    }
    .fooHours .hoursNav {
    	font-size: 21px;
    	max-width: 280px;
    }
    .fooTel a {
        font-size: 26px;
    }

    .fooTwo h4,
    .fooThree h4,
    .fooFour h4 {
        font-size: 24px;
    }

    .fooTwo ul li,
    .fooThree ul li,
    .fooFour ul li {
        font-size: 21px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .fooLogo p {
  	font-size: 19px;
  	margin: 10px 0 50px 0;
  }
    .footer {
        height: auto;
        padding: 60px 0 50px;
    }

    .footerWrap img {
        max-width: 320px;
    }

    .fooAdr p,
    .fooHours p {
        font-size: 19px;
    }
    .fooHours .hoursNav {
    	font-size: 17px;
    	max-width: 235px;
    }
    .fooHours .hoursNav strong {
    	min-width: 110px;
    }
    .fooHours .hoursNav .hourCell {
    	min-width: 115px;
    }
    .fooTel a {
        font-size: 21px;
    }

    .fooSoc ul li {
        width: 50px;
        height: 50px;
    }

    .foosocico {
        font-size: 25px;
    }

    .fooTwo h4,
    .fooThree h4,
    .fooFour h4 {
        font-size: 20px;
    }

    .fooTwo ul li,
    .fooThree ul li,
    .fooFour ul li {
        font-size: 17px;
    }

    .footerWrap {
        padding-bottom: 20px;
    }

    .footCopy {
        padding: 25px 0;
    }

    .footCopy p {
        font-size: 16px;
        margin-top: 30px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .fooLogo p {
  	font-size: 17px;
  	margin: 5px 0 30px 0;
  }
    .footer {
        height: auto;
        padding: 60px 0 50px;
    }

    .footerWrap img {
        max-width: 290px;
    }

    .fooAdr p,
    .fooHours p {
        font-size: 17px;
    }
    .fooHours .hoursNav {
    	font-size: 17px;
    	max-width: 235px;
    }
    .fooHours .hoursNav strong {
    	min-width: 110px;
    }
    .fooHours .hoursNav .hourCell {
    	min-width: 115px;
    }
    .fooTel a {
        font-size: 20px;
    }
    .fooSoc {
    	padding-top: 40px;
    }
    .fooSoc ul li {
        width: 40px;
        height: 40px;
    }

    .foosocico {
        font-size: 21px;
    }

    .fooTwo h4,
    .fooThree h4,
    .fooFour h4 {
        font-size: 20px;
        margin: 20px 0 40px;
    }

    .fooTwo ul li,
    .fooThree ul li,
    .fooFour ul li {
        font-size: 17px;
    }

    .footerWrap {
        padding-bottom: 20px;
    }

    .footCopy {
        padding: 25px 0;
    }
    .footCopy p {
        font-size: 14px;
        margin-top: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .footer {
        height: auto;
        padding: 60px 0 50px;
    }

    .fooLogo img {
        max-width: 290px;
    }
    .fooLogo p {
    	font-size: 17px;
    	margin: 5px 0 30px 5px;
    }

    .fooAdr p,
    .fooHours p {
        font-size: 17px;
    }
    .fooHours .hoursNav {
    	font-size: 17px;
    	max-width: 235px;
    }
    .fooHours .hoursNav strong {
    	min-width: 110px;
    }
    .fooHours .hoursNav .hourCell {
    	min-width: 115px;
    }
    .fooTel a {
        font-size: 20px;
    }

    .fooSoc ul li {
        width: 40px;
        height: 40px;
    }

    .foosocico {
        font-size: 21px;
    }

    .fooTwo h4,
    .fooThree h4,
    .fooFour h4 {
        font-size: 20px;
        margin: 20px 0 30px;
    }

    .fooTwo ul li,
    .fooThree ul li,
    .fooFour ul li {
        font-size: 17px;
    }

    .footerWrap {
        padding-bottom: 20px;
        flex-wrap: wrap;
    }

    .footCopy {
        padding: 25px 0;
    }

    .footCopy p {
        font-size: 14px;
        margin-top: 30px;
    }

    .fooOne,
    .fooTwo,
    .fooThree,
    .fooFour {
        width: 50%;
    }

    .fooTwo,
    .fooFour {
        padding-left: 90px;
    }

    .fooSoc {
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .fooTwo {
        margin-bottom: 75px;
    }


}

@media only screen and (max-width: 767px) {
    .fooLogo p {
        font-size: 24px;
        margin: 15px 0 50px 5px;
        text-align: center;
    }
    .fooLogo p br{
      display: block;
    }
    .footer {
        height: auto;
        padding: 60px 0 50px;

    }

    .fooLogo img {
        max-width: 290px;
        margin: 0 auto;
    }

    .fooAdr,
    .fooHours,
    .fooTel,
    .fooSoc {
        padding-left: 0;
        width: 260px;
        margin: 0 auto;
        text-align: center;
    }

    .fooAdr p,
    .fooHours p {
        font-size: 21px;
    }
    .fooHours .hoursNav {
    	font-size: 21px;
    	max-width: 280px;
    }
    .fooHours .hoursNav strong {
    	min-width: 140px;
      text-align: left;
    }
    .fooHours .hoursNav .hourCell {
    	min-width: 110px;
    }
    .fooHours{
      padding-bottom: 30px;
    }
    .footBtnPlace {
        padding-left: 0px;
        text-align: center;
    }

    .fooTel a {
        font-size: 28px;
    }

    .fooSoc ul li {
        width: 40px;
        height: 40px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .foosocico {
        font-size: 21px;
    }

    .fooTwo h4,
    .fooThree h4,
    .fooFour h4 {
        font-size: 24px;
        margin: 20px 0 30px;
    }

    .fooTwo ul li,
    .fooThree ul li,
    .fooFour ul li {
        font-size: 22px;
    }

    .footerWrap {
        padding-bottom: 20px;
        flex-wrap: wrap;
    }

    .footCopy {
        padding: 25px 0 40px;
        margin-bottom: 40px;
    }

    .footCopy p {
        font-size: 18px;
        margin-top: 25px;
    }

    .fooOne,
    .fooTwo,
    .fooThree,
    .fooFour {
        width: 100%;
    }

    .fooTwo,
    .fooFour {
        padding-left: 0;
        margin: 75px auto 0;
        text-align: center;
    }

    .fooSoc {
        padding-top: 35px;
        text-align: center;
    }

    .fooSoc ul {
        justify-content: center;
    }

    .dottedfooLine {
        margin: 20px auto;
    }

    .fooThree {
        padding-left: 0;
        margin: 75px auto 0;
        text-align: center;
    }

    .footCopy p span {
        display: block;
    }

    .outerSticky {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 2;
    }

    .stickyFooter {
        background: #f9af2c;
        color: #000;
        padding: 2px 0;
    }

    .innerStickyFooter {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
    }

    .centeringSticky {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .innerStickyFooter a p {
        display: inline-block;
        font-family: arial, sans-serif;
        font-size: 24px;
        font-weight: 700;
        vertical-align: middle;
        color: #000;
        padding: 10px 15px;
    }
}
/*========================================================
    SUBPAGES
=========================================================*/
.innerwrapper {
    width: 75%;
    margin: 0 auto;
}

.innerwrapper2 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 2262px;
}

.subPagesMarg {
    padding-top: 60px;
}

.boxTextWrap {
    padding: 32px 30px;
}

.indexRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.boxTextLeft,
.boxTextRight {}

.boxTextLeft {
    width: 45%;
}

.boxTextLeft img {
    width: 70%;
    display: block;
}

.boxTextRight {
    width: 55%;
}

.sleft {
    justify-content: flex-start;
}

.sright {
    justify-content: flex-end;
}

.boxTextInside {
    text-align: left;
}

.padleft {
    padding-left: 60px;
}

.boxTextRight h3,
.boxTextRight h5 {
    font-size: 46px;
    text-align: left;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: normal;
    text-transform: capitalize;
    color: var(--new-blue);
}

.boxTextRight h3 span {
    display: block;
    font-size: .7em;
}

.boxTextInside p {
    text-align: left;
    line-height: 1.5;
    padding: 30px 0 0;
    font-size: 28px;
}

.boxTextInside p span {
    display: block;
    font-weight: 700;
}

.addMargBottom {
    margin-bottom: 30px;
}

.spages {
    border-bottom: 1px solid var(--black);
}

.boxTextRight h3 span {
    color: var(--orange);
}

.boxTextMarg {
    margin: 50px auto;
}

.okaList {
    padding: 0 30px;
}

.okaList h2,
.okaList h3 {
    font-size: 68px;
    text-align: left;
    font-weight: 700;
    line-height: 1.1;
    padding-bottom: 35px;
    font-family: futura, arial, sans-serif;
}

.okaList h2 span,
.okaList h3 span {
    color: var(--orange);
}


.okaList ul {
    padding: 20px 0;
}

.okaList ul li {
    font-size: 42px;
    background: url(../images/icons/checkpom.png);
    background-position: left top 20px;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    padding: 8px 0 8px 45px;
    font-family: futuram, arial, sans-serif;
}

.okaList p span {
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
}

.dottLineSub {
    border-bottom: 2px dotted var(--blue);
}

.okaboxes3 {
    width: 100%;
    margin: 50px auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.birdBanner {
    background: url('../typeglass/images/birdsafeglassBanner.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    height: 660px;
}

.birdImgMob {
    display: none;
}

.okaList .okaListTitle {
    padding: 0;
    font-size: 26px;
    font-weight: 500;
    font-family: futurapt, sans-serif;
    color: var(--black);
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .innerwrapper2 {
        max-width: 1690px;
    }
    .boxTextRight h3 {
    	font-size: 34px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .innerwrapper {
        width: 90%;
    }

    .innerwrapper2 {
        max-width: 1200px;
    }

    .boxTextLeft,
    .boxTextRight {
        width: 50%;
    }

    .padleft {
        padding-left: 35px;
    }

    .boxTextRight h2,
    .boxTextRight h3 {
        font-size: 30px;
    }

    .boxTextInside p {
        font-size: 22px;
        padding: 15px 0 10px;
    }

    .okaList h2 {
        font-size: 28px;
    }

    .okaList .okaListTitle {
        font-size: 21px;
    }

    .okaList ul li {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .innerwrapper {
        width: 90%;
    }

    .subPagesMarg {
        padding-top: 20px;
    }

    .boxTextLeft,
    .boxTextRight {
        width: 50%;
    }

    .padleft {
        padding-left: 35px;
    }

    .boxTextRight h2,
    .boxTextRight h3 {
        font-size: 30px;
    }

    .boxTextInside p {
        font-size: 20px;
        padding: 15px 0 10px;
    }

    .okaList h2 {
        font-size: 28px;
    }

    .okaList .okaListTitle {
        font-size: 21px;
    }

    .okaList ul li {
        font-size: 16px;
    }

    .boxTextMarg {
        margin: 25px auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    .innerwrapper,
    .innerwrapper2 {
        width: 90%;
    }

    .subPagesMarg {
        padding-top: 20px;
    }
    .spages {
    	border-bottom: 1px solid var(--black);
    }
    .indexRow {
        flex-direction: column;
    }

    .boxTextLeft,
    .boxTextRight {
        width: 100%;
    }

    .boxTextWrap {
        padding: 0;
    }

    .padleft {
        padding: 25px 0;
    }

    .boxTextRight h2,
    .boxTextRight h3 {
        font-size: 30px;
    }

    .boxTextInside p {
        font-size: 20px;
        padding: 15px 0 10px;
    }

    .boxTextMarg {
        margin: 25px auto;
    }

    .okaList {
        padding: 0;
    }

    .okaList h2 {
        font-size: 28px;
    }

    .okaList .okaListTitle {
        font-size: 21px;
    }

    .okaList ul li {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .innerwrapper {
        width: 90%;
    }

    .subPagesMarg {
        padding-top: 20px;
    }
    .spages {
    	border-bottom: 1px solid var(--black);
    }
    .indexRow {
        flex-direction: column;
    }

    .boxTextLeft,
    .boxTextRight {
        width: 100%;
    }

    .boxTextWrap {
        padding: 0;
    }

    .padleft {
        padding: 25px 0;
    }

    .boxTextRight h2,
    .boxTextRight h3 {
        font-size: 30px;
    }

    .boxTextInside p {
        font-size: 20px;
        padding: 15px 0 10px;
    }

    .boxTextMarg {
        margin: 25px auto;
    }

    .okaList {
        padding: 0;
    }

    .okaList h2 {
        font-size: 28px;
    }

    .okaList .okaListTitle {
        font-size: 21px;
    }

    .okaList ul li {
        font-size: 18px;
    }

    .birdBanner {
        background: none;
        height: auto;
    }
    .boxTextLeft img {
    	width: 100%;
    }
    .birdImgMob {
        display: block;
        width: 100%;
    }
}
/*========================================================
    OKALUX pages
=========================================================*/
.okaluxsImg {
    display: none;
}

.okaluxsBoxesMob {
    display: none !important;
}

.okaluxBann {
    background: url('../images/okalux/okalux-banner.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    height: 660px;
}

.subbannerIns {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.subbannerIns h1 {
    font-size: 124px;
    font-weight: 700;
    color: var(--white);
    text-transform: uppercase;
    line-height: 1.2;
    text-shadow: 0px 3px 3px rgba(66, 68, 90, 1);
    padding-top: 330px;
}

.subbannerIns p {
    font-size: 60px;
    font-weight: 700;
    color: var(--orange);
    text-transform: capitalize;
    text-shadow: 0px 1px 1px rgba(66, 68, 90, 1);
}

.okaluxsbg {
    background: var(--white);
    margin: 70px auto 30px;
}

.boxTextAside {
    margin: 0 auto;
    width: 50%;
}

.boxTextAside iframe {
    width: 100%;
    height: 450px;
}

.okaluxsRight {
    padding: 90px 0;
}

.okaluxsp p {
    width: 95%;
    text-align: left;
}

.okaluxsp {
    margin-bottom: 50px;
}

.boxTextAside img {
    width: 100%;
}

.okaluxsp h4 {
    text-transform: uppercase;
}

.boxTextInside h5 {
    color: var(--orange);
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .boxTextAside {
        width: 70%;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .boxTextAside {
        width: 85%;
    }

    .okaluxsRight {
        padding: 50px 60px 50px 0;
    }

    .boxTextAside iframe {
        height: 350px;
    }

    .okaluxsp p {
        width: 100%;
        font-size: 16px;
    }

    .okaluxBann {
        height: 480px;
    }

    .subbannerIns h1 {
        padding-top: 250px;
        font-size: 70px;
    }

    .subbannerIns p {
        font-size: 42px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .boxTextAside {
        width: 85%;
    }

    .okaluxsRight {
        padding: 50px 60px 50px 0;
    }

    .boxTextAside iframe {
        height: 350px;
    }

    .okaluxsp p {
        width: 100%;
        font-size: 16px;
    }

    .okaluxBann {
        height: 480px;
    }

    .subbannerIns h1 {
        padding-top: 250px;
        font-size: 70px;
    }

    .subbannerIns p {
        font-size: 42px;
    }

    .okaprodbg {
        padding-bottom: 45px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .boxTextAside {
        width: 85%;
    }

    .okaluxsRight {
        padding: 50px 60px 50px 0;
    }

    .boxTextAside {
        width: 100%;
    }

    .boxTextAside iframe {
        height: 350px;
    }

    .okaluxsp p {
        width: 100%;
        font-size: 16px;
    }

    .okaluxBann {
        height: 440px;
    }

    .subbannerIns h1 {
        padding-top: 250px;
        font-size: 70px;
    }

    .subbannerIns p {
        font-size: 42px;
    }

    .okaprodbg {
        padding-bottom: 60px;
    }

    .okaluxsRight {
        padding: 50px 0;
    }

    .okaluxsWrap {
        max-width: 600px;
        margin: 0 auto;
    }

    .sleft {
        margin-top: 35px;
    }
}

@media only screen and (max-width: 767px) {
    .okaluxsImg {
        display: block;
        width: 100%;
    }

    .okaluxBann {
        background: none;
    }

    .boxTextAside {
        width: 85%;
    }

    .okaluxsRight {
        padding: 50px 60px 50px 0;
    }

    .boxTextAside {
        width: 100%;
    }

    .boxTextAside iframe {
        height: 350px;
    }

    .okaluxsp p {
        width: 100%;
        font-size: 16px;
    }

    .okaluxBann {
        height: 440px;
    }

    .subbannerIns h1 {
        padding-top: 25px;
        font-size: 48px;
        color: var(--blue);
        text-shadow: none;
        text-align: center;
    }

    .subbannerIns p {
        font-size: 36px;
        text-shadow: none;
        text-align: center;
        line-height: 1.1;
    }

    .okaprodbg {
        padding: 40px 0;
    }
    .okaprodbg.newOkaprodBG {
        padding: 0 0 40px;
    }
    .okaluxsRight {
        padding: 20px 20px;
    }

    .okaluxsWrap {
        max-width: 600px;
        margin: 0 auto;
    }

    .okaluxsbg {
        margin: 60px auto 30px;
    }

    .okaluxBann {
        height: auto;
    }

    .okaluxsBoxesMob {
        display: block !important;
    }

    .sleft {
        margin-top: 25px;
    }
}

@media only screen and (max-width: 479px) {
    .subbannerIns p span {
        display: block;
    }

}
/*========================================================
    ELECTROCHROMIC pages
=========================================================*/
.electrochBann {
    background: url('../images/electrochromic/electrochromic-banner.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    height: 660px;
}

.electrochImg {
    display: none;
}

.electrochRight h3 {
    padding-bottom: 35px;
}

.electrochPdfPlace a {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.electrochPdfPlace a img {
    width: 60px;
    margin-right: 30px;
}

.electrochPdfPlace a p {
    font-size: 21px;
}

.subPagesBot {
    margin-bottom: 50px;
}


@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .subPagesBot {
        margin-bottom: 35px;
    }
}


@media only screen and (max-width: 767px) {
    .electrochBann {
        background: none;
        height: auto;
    }

    .electrochImg {
        width: 100%;
        display: block;
    }
}
/*========================================================
    ARCONGLAS pages
=========================================================*/
.arcongBann {
    background: url('../images/arconglas/arnoldglas-banner.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    height: 660px;
}

.arcongImg {
    display: none;
}

.boxPar {
    width: 75%;
    margin: 60px auto;
    padding: 0 20px;
}

.boxParDesc {
    text-align: left;
    line-height: 1.5;
    padding: 30px 0 20px;
    font-size: 22px;
}

.boxPar h2 {
    padding: 60px 0;
    font-size: 36px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--orange);
}

.okaluxBox iframe {
    height: 370px;
    border: 3px solid var(--blue);
}

.arconCont {
    width: 75%;
    margin: 0 auto;
}

.horizList {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    padding: 30px 0;
}

@media only screen and (min-width: 1918px) {
    .readTrueWrap{max-width: 80% !important;}
    .quote {max-width: 120px !important;}
    .readTrueWrap picture{top: -25px !important}
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .okaluxBox iframe {
        height: 294px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .boxPar {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }

    .boxPar h2 {
        padding: 50px 0 20px;
        font-size: 30px;
    }

    .boxParDesc {
        font-size: 18px;
        padding: 0 0 20px;
    }

    .okaluxBox iframe {
        height: 203px;
    }

    .arconCont {
        width: 90%;
    }

    .horizList {
        font-size: 28px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .boxPar {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }

    .boxPar h2 {
        padding: 50px 0 20px;
        font-size: 30px;
    }

    .boxParDesc {
        font-size: 18px;
        padding: 0 0 20px;
    }

    .okaluxBox iframe {
        height: 170px;
    }

    .arconCont {
        width: 90%;
    }

    .horizList {
        font-size: 28px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .boxPar {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }

    .boxPar h2 {
        padding: 50px 0 20px;
        font-size: 30px;
    }

    .boxParDesc {
        font-size: 18px;
        padding: 0 0 20px;
    }

    .okaluxBox iframe {
        height: 300px;
    }

    .arconCont {
        width: 90%;
    }

    .horizList {
        font-size: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .boxPar {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }

    .boxPar h2 {
        padding: 50px 0 20px;
        font-size: 30px;
        color: var(--blue);
    }

    .boxParDesc {
        font-size: 18px;
        padding: 0 0 20px;
    }

    .okaluxBox iframe {
        height: 300px;
    }

    .arconCont {
        width: 90%;
    }

    .horizList {
        font-size: 28px;
    }

    .arcongBann {
        background: none;
        height: auto;
    }

    .arcongImg {
        display: block;
        width: 100%;
    }
}
/*========================================================
    Treatments page FAQ section
=========================================================*/
.leftRPad {
    padding: 32px 0 75px;
    border-bottom: 2px dotted var(--blue);
}

.treatBtnPlace {
    margin: 0;
}

.treatCol {
    background: #f9f9f9;
}

/*========================================================
					FAQ Section NEW
=========================================================*/
.spiFaqSub {
    padding: 100px 0;
}
.indexFaqTit {
  width: 90%;
  margin: 0 auto;
  padding: 35px 0 30px;
  text-align: center;
}
.indexFaqTit h2 {
    margin: 0 0 40px;
}
.faqWrap {
  width: 60%;
    margin: 0 auto 75px;
}
.faqWrap .accordion {
  border: none;
  background: var(--white);
  color: var(--brown);
  cursor: pointer;
  padding: 35px 30px 35px 0;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-family: futura-bold, arial, sans-serif;
  font-size: 34px;
  transition: 0.4s;
  border-bottom: 1px solid #B5B5B5;
  text-transform: capitalize;
}
.faqWrap .active, .accordion:hover {
  background-color: var(--white);
}
.faqWrap .accordion:after {
  content: '\002B';
  color: var(--mainblue);
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
.faqWrap .active:after {
  content: "\2212";
    color: var(--mainblue);
}
.faqWrap .panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.faqWrap .panel p {
    line-height: 1.4;
    padding: 20px 20px 15px;
}
.faqWrap .panel p span,
.faqWrap .panel ul li span{
  font-weight: 700;
}
.faqWrap .panel ul li {
    font-size: 21px;
    line-height: 1.4;
    padding: 20px 20px 15px;
    font-family: barlowregular, arial, sans-serif;
    list-style-type: disc;
    list-style-position: inside;
}
.indexFaqBtnWrap {
    text-align: center;
}
.faqWrapLastP p{
  margin: 30px 0 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .indexFaqTit h3 {
        font-size: 42px;
    }
    .faqWrap .accordion {
    	font-size: 28px;
    }
    .faqWrap .panel p {
    	font-size: 24px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .indexFaqTit h3 {
        font-size: 30px;
    }
    .faqWrap .accordion span {
        font-size: 21px;
    }
    .indexFaq {
        padding: 60px 0 20px;
    }
    .faqWrap {
        width: 65%;
    }
    .faqWrap .accordion{
      font-size: 24px;
    }
    .faqWrap .panel p {
    	font-size: 22px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .spiFaqSub {
      padding: 80px 0;
  }
  .indexFaqTit {
  	padding: 0;
  }
    .indexFaqTit h2 span {
        display: block;
    }
    .faqWrap .accordion span {
        font-size: 21px;
    }
    .indexFaq {
        padding: 60px 0 20px;
    }
    .faqWrap {
        width: 90%;
        margin: 0 auto;
    }
    .faqWrap .accordion{
      font-size: 22px;
    }
    .faqWrap .panel p {
    	font-size: 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .spiFaqSub {
      padding: 60px 0;
  }
  .indexFaqTit {
  	padding: 0;
  }
    .indexFaqTit h2 span {
        display: block;
    }
    .faqWrap .accordion span {
        font-size: 18px;
    }
    .indexFaq {
        padding: 60px 0 10px;
    }
    .faqWrap {
        width: 90%;
        margin: 0 auto 20px;
    }
    .faqWrap .accordion,
    .faqWrap .panel p {
      font-size: 20px;
    }
}
@media only screen and (max-width: 767px) {
  .spiFaqSub {
      padding: 60px 0;
  }
  .indexFaqTit {
  	padding: 0;
  }
    .indexFaqTit h2 span {
        display: block;
    }
    .faqWrap .accordion span {
        font-size: 18px;
    }
    .indexFaq {
        padding: 60px 0 35px;
    }
    .faqWrap {
        width: 90%;
        margin: 0 auto 20px;
    }
    .panel p {
        font-size: 18px;
    }
    .faqWrap .accordion {
      font-size: 18px;
    }
    .faqWrap .panel p {
      font-size: 18px;
    }
}
@media only screen and (max-width: 479px) {
    .faqWrap .accordion span {
        font-size: 18px;
    }
    .faqWrap .panel p {
        padding: 20px 0 15px;
    }
    .faqWrap .accordion {
        padding: 20px 30px 20px 0;
    }

}

/*========================================================
    DISCLAIMER page
=========================================================*/
.dislaimerWrap {
    width: 80%;
    margin: 0 auto;
    padding: 90px 0 0;
}

.dislaimerWrap h3 {
    font-size: 28px;
    font-weight: 500;
    padding-bottom: 15px;
    text-align: left;
    color: var(--new-blue);
    font-family: futura, arial, sans-serif;

}

.dislaimerWrap p {
    font-size: 21px;
    line-height: 1.5;
    padding-bottom: 35px;
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .dislaimerWrap {
        width: 85%;
        padding: 90px 0 0;
    }

    .dislaimerWrap h3 {
        font-size: 24px;
    }

    .dislaimerWrap p {
        font-size: 18px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .dislaimerWrap {
        width: 90%;
        padding: 50px 0 35px;
    }

    .dislaimerWrap h3 {
        font-size: 24px;
    }

    .dislaimerWrap p {
        font-size: 18px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .dislaimerWrap {
        width: 90%;
        padding: 50px 0 35px;
    }

    .dislaimerWrap h3 {
        font-size: 24px;
    }

    .dislaimerWrap p {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .dislaimerWrap {
        width: 100%;
        padding: 50px 0 15px;
    }

    .dislaimerWrap h3 {
        font-size: 24px;
    }

    .dislaimerWrap p {
        font-size: 20px;
    }
}

@media only screen and (max-width: 479px) {
    .dislaimerWrap h3 {
        font-size: 21px;
    }

    .dislaimerWrap {
        padding: 50px 0 0;
    }
}
/*=======================================================
                      Review us page
=========================================================*/
.wrapBoxes {
    margin: 80px auto 0;
    text-align: center;
    overflow: hidden;
    max-width: 1325px;
}

.wrapBoxes h1 {
    margin-bottom: 30px;
}

.revBox {
    width: 330px;
    float: left;
    padding: 10px 15px;
    overflow: hidden;
}

.inRevBox {

    padding: 10px 15px;
    background-color: var(--ready);
    border-radius: 16px;
}

.revBox p {
    font-size: 21px;
    color: var(--black);
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .wrapBoxes {
        margin: 80px auto 0;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .wrapBoxes {
        width: 100%;
        margin: 80px auto 0;
    }

    .revBox {
        width: 320px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .wrapBoxes {
        width: 98%;
        margin: 50px 0;
    }

    .revBox {
        width: 300px;
    }

    .wrapBoxes h1 {
        font-size: 36px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .wrapBoxes {
        width: 96%;
        margin: 50px 0;
    }

    .wrapBoxes h1 {
        font-size: 36px;
    }
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
    .wrapBoxes {
        width: 76%;
        margin: 40px auto 50px;
    }
}

@media only screen and (max-width: 479px) {
    .wrapBoxes {
        width: 100%;
        margin: 40px auto 50px;
    }

    .revBox {
        margin: 0 auto;
        float: none;
    }
}
/*========================================================
    CONTACT page
=========================================================*/

.contactbg {
    padding: 80px 0;
}

.contnWrap {
    width: 90%;
    margin: 200px auto 90px;
    display: flex;
}

.contnWrap-center{
    max-width: 750px;
    margin: 0 auto;
    width: 100%;
}
.mt-50{margin-top: 50px !important;}
.pb-0{padding-bottom: 0 !important;}

.contnLeft,
.contnRight {
    width: 50%;
}

.contnLeft {
    padding-top: 90px;
}

.contnH2 {
    font-size: 48px;
    font-family: futuram, arial, sans-serif;
    text-align: center;
    text-transform: capitalize;
    color: var(--black);
    padding-bottom: 35px;
}

.contactWrap {
    text-align: center;
}

.contactWrap h1 {
    font-family: barlowextrabold, arial, sans-serif;
    font-size: 48px;
    text-transform: uppercase;
    color: var(--new-blue);
}

.contactWrap h1 span {
    font-size: 123px;
    line-height: 1;
    display: block;
}

.contTel {
    font-size: 58px;
    color: var(--orange);
    text-align: center;
    padding: 5px 0 25px;
    font-family: futuram, arial, sans-serif;
}

.contAdr,
.contHours {
    font-size: 36px;
    line-height: 1.2;
    padding-bottom: 15px;
    font-family: futuram, arial, sans-serif;
}
.contHours{
  margin-top: 30px;
  max-width: 320px;
  margin: 30px auto 0;
  font-weight: 400;
}
.contHours li{
  max-width: 320px;
  font-size: 28px;
  text-align: left;
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.contHours li strong{
  min-width: 175px;
  text-align: left;
}
.contHours li span {
    display: block;
}
.contHours li .hourCell{
  text-align: left;
  min-width: 140px;
}

.contAdr span {
    display: block;
}

.contForm {
    text-align: center;
    margin-bottom: 80px;
}

.contPar p {
    font-size: 36px;
    color: var(--blue);
}

.formHalfWrapper {
    display: flex;
    justify-content: space-between;
}

.stoneForm {
    width: 1100px;
    margin: 0 auto;
}

.stoneFormHalf {
    width: 32%;
    overflow: hidden;
    padding: 20px 0;
}

.stoneForm input[type="text"] {
    margin: 10px auto;
    border: none;
    border-bottom: 1px solid var(--blue);
    color: #ccc;
    padding: 8px 8px 8px 20px;
    display: block;
    width: 100%;
    height: 90px;
    font-size: 24px;
    outline: none;
}

.stoneFormFull {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.stoneFormFull textarea {
    margin: 10px auto;
    border: none;
    padding: 8px;
    display: block;
    width: 100%;
    height: 160px;
    font-size: 24px;
    border-bottom: 1px solid var(--blue);
    border-radius: 3px;
    outline: none;
    color: #ccc;
}

.stoneFormFull input[type="submit"] {
    border: 1px solid var(--blue);
    background: var(--blue);
    color: var(--white);
    display: block;
    cursor: pointer;
    font-size: 24px;
    padding: 15px 45px;
    text-decoration: none;
    width: 200px;
    margin: 35px auto 0;
    outline: none;
}

.stoneFormFirst input[type="text"] {
    margin: 0 auto;
    border: 1px solid #fff;
    color: #fff;
    padding: 1px;
    display: block;
    width: 100%;
    height: 5px;
    font-size: 14px;
    outline: none;
}

.sectionMap {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.sectionMap iframe {
    width: 100%;
    height: 400px;
    border: 0;
    display: block;
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .contnWrap {
        width: 100%;
        margin: 90px auto 35px;
    }

    .contactWrap h1 {
        font-size: 36px;
    }

    .contactWrap h1 span {
        font-size: 100px;
    }

    .contTel {
        font-size: 42px;
    }

    .contAdr,
    .contHours {
        font-size: 26px;
    }
    .contHours{
      max-width: 270px;
    }
    .contHours li{
      max-width: 270px;
      font-size: 22px;
    }
    .contHours li strong,
    .hourCell {
    	width: 50%;
    }
    .contHours li strong {
    	min-width: 140px;
    }
    .contnH2 {
        font-size: 38px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .contnWrap {
        width: 100%;
        margin: 60px auto 50px;
    }

    .contForm {
        width: 90%;
        margin: 0 auto;
    }

    .contactWrap h1 {
        font-size: 36px;
    }

    .contactWrap h1 span {
        font-size: 100px;
    }

    .contTel {
        font-size: 38px;
    }
    .contnH2 {
        font-size: 38px;
    }

    .contactbg {
        padding: 50px 0;
    }

    .contactWrap h1 span {
        font-size: 90px;
    }

    .contactWrap h1 {
        font-size: 32px;
    }

    .contAdr,
    .contHours {
        font-size: 21px;
    }
    .contHours {
        font-size: 21px;
    }
    .contHours{
      max-width: 260px;
    }
    .contHours li{
      max-width: 260px;
      font-size: 22px;
    }
    .contHours li strong,
    .hourCell {
    	width: 50%;
    }
    .contHours li strong {
    	min-width: 140px;
    }
    .stoneForm input[type="text"] {
        font-size: 16px;
    }

    .stoneForm {
        width: 90%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .contnWrap {
        width: 100%;
        margin: 60px auto 50px;
        flex-direction: column;
    }

    .contnLeft,
    .contnRight {
        width: 100%;
    }

    .contnLeft {
        padding-top: 0;
        padding-bottom: 50px;
    }

    .contForm {
        width: 90%;
        margin: 0 auto;
    }

    .contactWrap h1 {
        font-size: 36px;
    }

    .contactWrap h1 span {
        font-size: 100px;
    }

    .contTel {
        font-size: 38px;
    }

    .contnH2 {
        font-size: 38px;
    }

    .contactbg {
        padding: 35px 0;
    }

    .contactWrap h1 span {
        font-size: 80px;
    }

    .contactWrap h1 {
        font-size: 29px;
    }

    .contAdr,
    .contHours {
        font-size: 21px;
    }
    .contHours{
      max-width: 260px;
    }
    .contHours li{
      max-width: 260px;
      font-size: 22px;
    }
    .contHours li strong,
    .hourCell {
    	width: 50%;
    }
    .contHours li strong {
    	min-width: 140px;
    }
    .stoneForm input[type="text"] {
        font-size: 16px;
    }

    .stoneForm {
        width: 90%;
    }

    .sectionMap iframe {
        height: 300px;
    }
}

@media only screen and (max-width: 767px) {
    .contnWrap {
        width: 100%;
        margin: 35px auto 50px;
        flex-direction: column;
    }

    .contnLeft,
    .contnRight {
        width: 100%;
    }

    .contnLeft {
        padding-top: 0;
        padding-bottom: 50px;
    }

    .contactbg {
        padding: 50px 0 35px;
    }

    .contactWrap h1 span {
        font-size: 80px;
    }

    .contactWrap h1 {
        font-size: 30px;
    }

    .contTel {
        font-size: 38px;
    }

    .contAdr,
    .contHours {
        font-size: 21px;
    }
    .contHours{
      max-width: 260px;
    }
    .contHours li{
      max-width: 260px;
      font-size: 22px;
    }
    .contHours li strong,
    .hourCell {
    	width: 50%;
    }
    .contHours li strong {
    	min-width: 140px;
    }
    .contnH2 {
        font-size: 36px;
    }

    .stoneForm input[type="text"] {
        font-size: 18px;
        height: 35px;
    }

    .stoneForm {
        width: 90%;
    }

    .sectionMap iframe {
        height: 300px;
    }

    .formHalfWrapper {
        flex-direction: column;
    }

    .stoneFormHalf {
        width: 100%;
    }

    .contForm {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 479px) {
    .contactWrap h1 span {
        font-size: 70px;
    }

    .contactWrap h1 {
        font-size: 30px;
    }

    .contTel {
        font-size: 33px;
    }

    .contPar p {
        font-size: 30px;
    }

    .stoneFormFirst {
        height: 0;
    }

    .contForm {
        margin-bottom: 35px;
    }

    .contnWrap {
        margin-bottom: 0;
    }

    .contnWrap-mb-25 { margin-bottom: 25px;}
}
/*========================================================
    TESTIMONIALS page
=========================================================*/
.newTesti br {
    display: none;
}

.testiBoxes {
    width: 100%;
    margin: 100px auto 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.testiBox {
    width: 24%;
    display: flex;
    flex-direction: column;
    background: var(--our-team);
    border-radius: 25px;
    padding: 15px;
    position: relative;
    margin-bottom: 50px;
}

.testiquote {
    position: absolute;
    top: -20px;
    right: 35px;
    width: 80px;
}

.testiAuthWrap {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 20px;
}

.testiAuthImg {
    width: 40%;
}

.testiAuthImg img {
    width: 120px;
    margin: 0 auto;
    display: block;
    border-radius: 25px;
}

.testiAuthName {
    width: 60%;
    padding: 0 15px;
}

.testiAuthName p,
.testiAuth2Name p {
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
}

.testiAuthName p span,
.testiAuth2Name p span {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    display: block;
}

.testiCont p {
    padding: 20px 25px;
    font-size: 19px;
    line-height: 1.3;
}

.testiBoxOne {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    background: var(--our-team);
    border-radius: 25px;
    padding: 35px 25px 25px;
    position: relative;
}

.testiAuthOneWrap {
    width: 15%;
}

.testiOneCont {
    width: 85%;
    padding: 0 30px;
}

.testiAuth2Img {
    width: 100%;
}

.testiAuth2Img img {
    width: 120px;
    display: block;
    border-radius: 25px;
    margin-bottom: 20px;
}

.testiOneCont p {
    font-size: 19px;
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .testiquote {
        width: 65px;
    }

    .testiAuthImg img {
        width: 80px;
    }

    .testiCont p {
        padding: 20px 0;
    }

    .testiAuthImg {
        width: 35%;
    }

    .testiAuthName {
        width: 65%;
        padding: 0 0 0 10px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .testiquote {
        width: 65px;
    }

    .testiAuthImg img {
        width: 80px;
    }

    .testiCont p {
        padding: 20px 0;
    }

    .testiAuthImg {
        width: 35%;
    }

    .testiAuthName {
        width: 65%;
        padding: 0 0 0 10px;
    }

    .testiBox {
        width: 32%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .testiquote {
        width: 65px;
    }

    .testiAuthImg img {
        width: 80px;
    }

    .testiCont p {
        padding: 20px 0;
    }

    .testiAuthImg {
        width: 35%;
    }

    .testiAuthName {
        width: 65%;
        padding: 0 0 0 10px;
    }

    .testiBox {
        width: 47%;
    }

    .testiAuthOneWrap {
        width: 25%;
    }

    .testiOneCont {
        padding: 0;
        width: 75%;
    }
}

@media only screen and (max-width: 767px) {
    .newTesti br {
        display: block;
    }

    .testiquote {
        width: 65px;
    }

    .testiAuthImg img {
        width: 120px;
    }

    .testiCont p {
        padding: 20px 0;
    }

    .testiAuthImg {
        width: 35%;
    }

    .testiAuthName {
        width: 65%;
        padding: 0 0 0 10px;
    }

    .testiBox {
        width: 100%;
    }

    .testiAuthOneWrap {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .testiOneCont {
        padding: 0;
        width: 100%;

    }

    .testiBoxOne {
        flex-direction: column;
    }

    .testiAuth2Img {
        width: 35%;
    }

    .testiAuth2Name {
        width: 65%;
    }

    .testiAuth2Name p {
        padding-left: 10px;
    }
}

@media only screen and (max-width: 479px) {
    .testiAuthWrap {
        flex-direction: column;
        padding-top: 0;
    }

    .testiAuthImg,
    .testiAuthName,
    .testiAuth2Img,
    .testiAuth2Name {
        width: 100%;
    }

    .testiAuthName {
        padding: 10px 0 0 0;
    }

    .testiAuthImg img {
        margin: 0;
    }

    .testiAuthOneWrap {
        flex-direction: column;
    }

    .testiAuth2Name p {
        padding-left: 0;
        padding-bottom: 20px;
    }
}
/*========================================================
    NEW TREATMENT pages
=========================================================*/
.treatOneWrap {
    width: 100%;
    display: flex;
    align-items: center;
    background: var(--foo);
}

.treatOneLeft {
    width: 50%;
}

.treatOneRight {
    width: 50%;
    padding: 70px 120px;
    color: var(--white);
}

.treatOneLeft img {
    width: 100%;
    display: block;
}
.treatOneRight h1,
.treatOneRight h2,
.treatOneRight h3 {
    font-size: 80px;
    text-align: left;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: normal;
    text-transform: capitalize;
    color: var(--white);
    font-family: futura, arial, sans-serif;
}

.treatOnep1 {
    display: block;
    font-size: 56px;
    font-weight: 500;
    padding-top: 30px;
    color: var(--white);
    line-height: 1.2;
    font-family: futuram, arial, sans-serif;
}

.orangeLine {
    border-top: 6px solid var(--orange);
    margin: 80px 0;
}

.treatOnep2 {
    text-align: left;
    line-height: 1.3;
    padding: 45px 0;
    font-size: 38px;
    font-family: futuram, arial, sans-serif;
    color: var(--white);
}

.treatBtnPlace {
    margin-top: 15px;
}

.treatMidbg {
    padding: 95px 0;
}

.treatSpiDecbg {
    background: url('../images/treatments/sub-pages/spinal-decompression.jpg') no-repeat;
    height: 1230px;
}

.treatHerDiscbg {
    background: url('../images/treatments/sub-pages/herniated-disc.jpg') no-repeat;
    height: 1230px;
}

.treatScolbg {
    background: url('../images/treatments/sub-pages/scoliosis.jpg') no-repeat;
    height: 1230px;
}

.treatKneebg {
    background: url('../images/treatments/sub-pages/knee-pain.jpg') no-repeat;
    height: 1230px;
}

.treatNeuropathybg {
    background: url('../images/treatments/sub-pages/neuropathy.jpg') no-repeat;
    height: 1230px;
}

.treatStenosisbg {
    background: url('../images/treatments/sub-pages/spinal-stenosis.jpg') no-repeat;
    height: 1230px;
}

.treatVertigobg {
    background: url('../images/treatments/sub-pages/vertigo.jpg') no-repeat;
    height: 1230px;
}

.treatSciaticabg {
    background: url('../images/treatments/sub-pages/sciaticanew.jpg') no-repeat;
    height: 1230px;
}

.treatFibromyalgiabg {
    background: url('../images/treatments/sub-pages/fibromyalgia.jpg') no-repeat;
    height: 1230px;
}

.treatPainManagementbg {
    background: url('../images/treatments/sub-pages/pain-management.jpg') no-repeat;
    height: 1230px;
}

.treatAutoAccidentstbg {
    background: url('../images/treatments/sub-pages/auto-accidents.jpg') no-repeat;
    height: 1230px;
}

.treatWorkInjuriesbg {
    background: url('../images/treatments/sub-pages/work-injuries.jpg') no-repeat;
    height: 1230px;
}

.treatChiropracticbg {
    background: url('../images/treatments/sub-pages/chiropractic.jpg') no-repeat;
    height: 1230px;
}

.treatMassageTherapybg {
    background: url('../images/treatments/sub-pages/massage-therapy.jpg') no-repeat;
    height: 1230px;
}

.treatJohnPispidikisbg {
    background: url('../images/index/pic-photo-john-pispidikis.jpg') no-repeat;
    height: 1230px;
}

.treatMichaelGreinerbg {
    background: url('../images/index/pic-photo-michael-greiner.jpg') no-repeat;
    height: 1230px;
}

.treatImanAbouChakrabg {
    background: url('../images/index/pic-photo-iman-abou-chakra.jpg') no-repeat;
    height: 1230px;
}

.treatMariaRuizbg {
    background: url('../images/index/pic-photo-dr-maria-ruiz.jpg') no-repeat;
    height: 1230px;
}

.treatAkshataNayakbg {
    background: url('../images/index/pic-photo-akshata-nayak.jpg') no-repeat;
    height: 1230px;
}

.treatMichaelGasiewiczbg {
    background: url('../images/index/pic-michael-gasiewicz.jpg') no-repeat;
    height: 1230px;
}

.treatChiropractictbg {
    background: url('../images/treatments/sub-pages/chiropractic.jpg') no-repeat;
    height: 1380px;
}

.treatMassagebg {
    background: url('../images/treatments/sub-pages/massage-therapy.jpg') no-repeat;
    height: 1230px;
}

.treatOneLeft {
    background-position: center center;
    background-size: cover;

}

.treatScolPar p {
    font-size: 30px;
    font-family: 'Roboto', arial, sans-serif;
    line-height: 1.3;
    padding-bottom: 20px;
}

.panell ul {
    list-style: initial;
    margin: initial;
    padding: 20px 0 0 40px;
    text-align: left;
}

.panell ul li {
    display: list-item;
    list-style-type: square;
    list-style-position: inside;
    font-size: 26px;
    line-height: 1.3;
    font-family: 'Roboto', arial, sans-serif;
}

.panell p span {
    font-weight: 700;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .treatOneRight {
        padding: 25px 80px;
    }

    .treatSpiDecbg {
        height: 980px;
    }

    .treatHerDiscbg,
    .treatScolbg,
    .treatKneebg,
    .treatNeuropathybg,
    .treatStenosisbg,
    .treatVertigobg,
    .treatSciaticabg,
    .treatFibromyalgiabg,
    .treatPainManagementbg,
    .treatAutoAccidentstbg,
    .treatWorkInjuriesbg,
    .treatJohnPispidikisbg,
    .treatMichaelGreinerbg,
    .treatMichaelGasiewiczbg,
    .treatImanAbouChakrabg,
    .treatMariaRuizbg,
    .treatAkshataNayakbg,
    .treatMassageTherapybg,
    .treatChiropracticbg,
    .treatChiropractictbg,
    .treatMassagebg {
        height: 900px;
    }
    .treatOneRight h1,
    .treatOneRight h2,
    .treatOneRight h3 {
        font-size: 68px;
        line-height: 1;
    }

    .treatOnep1 {
        font-size: 40px;
        padding-top: 30px;
    }

    .okaList h2,
    .pageFaq h2,
    .okaList h3 {
        font-size: 58px;
    }

    .treatOnep2,
    .okaList ul li,
    .okaList p {
        font-size: 34px;
    }

    .okaList ul li {
        background-position: left top 15px;
    }

    .treatOneRight p {
        padding: 30px 0;
    }

    .orangeLine {
        margin: 50px 0;
    }

    .treatHerDiscsp span {
        display: block;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .treatSpiDecbg {
        height: 800px;
    }

    .treatHerDiscbg,
    .treatScolbg,
    .treatKneebg,
    .treatNeuropathybg,
    .treatStenosisbg,
    .treatVertigobg,
    .treatSciaticabg,
    .treatFibromyalgiabg,
    .treatPainManagementbg,
    .treatAutoAccidentstbg,
    .treatWorkInjuriesbg,
    .treatJohnPispidikisbg,
    .treatMichaelGreinerbg,
    .treatMichaelGasiewiczbg,
    .treatImanAbouChakrabg,
    .treatMariaRuizbg,
    .treatAkshataNayakbg,
    .treatMassageTherapybg,
    .treatChiropracticbg,
    .treatChiropractictbg,
    .treatMassagebg {
        height: 760px;
    }

    .treatOneRight {
        padding: 25px 60px;
    }
    .treatOneRight h1,
    .treatOneRight h2,
    .treatOneRight h3 {
        font-size: 48px;
    }

    .okaList h2,
    .pageFaq h2,
    .okaList h3 {
        font-size: 40px;
        padding-bottom: 35px;
    }

    .treatOnep2,
    .okaList ul li,
    .okaList p {
        font-size: 22px;
    }

    .okaList ul li {
        background-position: left top 10px;
    }

    .treatMidbg {
        padding: 70px 0 50px;
    }

    .accordion {
        font-size: 21px;
        padding: 25px 55px 25px 35px;
    }

    .panell p,
    .panell ul li {
        font-size: 26px;
    }

    .treatOnep1 {
        padding-top: 15px;
        font-size: 32px;
    }

    .orangeLine {
        margin: 35px 0;
    }

    .treatHerDiscsp span {
        display: block;
    }

    .panell p {
        padding: 25px 0 15px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {

    .treatSpiDecbg,
    .treatNeuropathybg,
    .treatStenosisbg,
    .treatVertigobg,
    .treatSciaticabg,
    .treatFibromyalgiabg,
    .treatPainManagementbg,
    .treatAutoAccidentstbg,
    .treatWorkInjuriesbg,
    .treatJohnPispidikisbg,
    .treatMichaelGreinerbg,
    .treatMichaelGasiewiczbg,
    .treatImanAbouChakrabg,
    .treatMariaRuizbg,
    .treatAkshataNayakbg,
    .treatMassageTherapybg,
    .treatChiropracticbg,
    .treatChiropractictbg,
    .treatMassagebg {
        height: 800px;
    }

    .treatHerDiscbg,
    .treatScolbg,
    .treatKneebg {
        height: 760px;
    }

    .treatOneRight {
        padding: 25px 45px;
    }
    .treatOneRight h1,
    .treatOneRight h2,
    .treatOneRight h3 {
        font-size: 42px;
    }

    .okaList h2,
    .pageFaq h2,
    .okaList h3 {
        font-size: 36px;
    }

    .okaList h2 {
        padding-bottom: 20px;
    }

    .treatOnep2,
    .okaList ul li,
    .okaList p {
        font-size: 20px;
    }

    .okaList ul li {
        background-position: left top 10px;
    }

    .treatMidbg {
        padding: 50px 0 0;
    }

    .accordion {
        font-size: 24px;
        padding: 25px 55px 25px 25px;
    }

    .panell p,
    .panell ul li {
        font-size: 19px;
    }

    .treatOnep1 {
        padding-top: 15px;
        font-size: 28px;
    }

    .orangeLine {
        margin: 20px 0;
    }

    .treatOneRight p {
        padding: 10px 0;
    }

    .pageFaq {
        padding: 35px 30px;
    }

    .panell p {
        padding: 25px 0 20px;
        font-size: 24px;
    }

    .panell {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    .treatSpiDecbg,
    .treatHerDiscbg,
    .treatScolbg,
    .treatKneebg,
    .treatNeuropathybg,
    .treatStenosisbg,
    .treatVertigobg,
    .treatSciaticabg,
    .treatFibromyalgiabg,
    .treatPainManagementbg,
    .treatAutoAccidentstbg,
    .treatWorkInjuriesbg,
    .treatJohnPispidikisbg,
    .treatMichaelGreinerbg,
    .treatMichaelGasiewiczbg,
    .treatImanAbouChakrabg,
    .treatMariaRuizbg,
    .treatAkshataNayakbg,
    .treatMassageTherapybg,
    .treatChiropracticbg,
    .treatChiropractictbg,
    .treatMassagebg {
        height: 540px;
    }

    .treatOneWrap {
        flex-direction: column;
    }

    .treatOneRight,
    .treatOneLeft {
        width: 100%;
    }

    .treatOneRight {
        padding: 35px 60px;
    }
    .treatOneRight h1,
    .treatOneRight h2,
    .treatOneRight h3 {
        font-size: 42px;
    }

    .okaList ul li,
    .okaList p {
        font-size: 24px;
    }

    .treatOnep2 {
        font-size: 23px;
    }

    .okaList h2,
    .pageFaq h2,
    .okaList h2 {
        font-size: 38px;
        padding-bottom: 20px;
    }

    .okaList ul li {
        background-position: left top 10px;
    }

    .treatMidbg {
        padding: 30px 0 0;
    }

    .accordion {
        font-size: 24px;
        padding: 25px 55px 25px 25px;
    }

    .panell p,
    .panell ul li {
        font-size: 24px;
    }

    .treatOnep1 {
        padding-top: 25px;
        font-size: 30px;
    }

    .orangeLine {
        margin: 35px 0;
    }

    .treatOneRight p {
        padding: 10px 0;
    }

    .pageFaq {
        padding: 35px 0;
        margin-top: 0;
    }

    .panell {
        margin-bottom: 10px;
    }

    .panell p {
        padding: 25px 0 20px;
    }
}

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

    .treatSpiDecbg,
    .treatHerDiscbg,
    .treatScolbg,
    .treatKneebg,
    .treatNeuropathybg,
    .treatStenosisbg,
    .treatVertigobg,
    .treatSciaticabg,
    .treatFibromyalgiabg,
    .treatPainManagementbg,
    .treatAutoAccidentstbg,
    .treatWorkInjuriesbg,
    .treatJohnPispidikisbg,
    .treatMichaelGreinerbg,
    .treatMichaelGasiewiczbg,
    .treatImanAbouChakrabg,
    .treatMariaRuizbg,
    .treatAkshataNayakbg,
    .treatMassageTherapybg,
    .treatChiropracticbg,
    .treatChiropractictbg,
    .treatMassagebg {
        height: 480px;
    }

    .treatOneWrap {
        flex-direction: column;
    }

    .treatOneRight,
    .treatOneLeft {
        width: 100%;
    }

    .treatOneRight {
        padding: 35px 20px 30px;
    }
    .treatOneRight h1,
    .treatOneRight h2,
    .treatOneRight h3 {
        font-size: 42px;
    }

    .treatOnep2 {
        font-size: 23px;
    }

    .okaList ul li,
    .okaList p {
        font-size: 20px;
    }

    .okaList h2,
    .pageFaq h2,
    .okaList h3 {
        font-size: 34px;
        padding-bottom: 10px;
    }

    .treatMidbg {
        padding: 50px 0 0;
    }

    .accordion {
        font-size: 23px;
        line-height: 1.3;
        padding: 25px 55px 25px 35px;
    }

    .panell p,
    .panell ul li {
        font-size: 21px;
    }

    .okaList ul li {
        background-position: left top 10px;
    }

    .panell ul {
        padding-left: 0;
    }

    .panell ul li {
        padding-bottom: 8px;
    }

    .treatOnep1 {
        padding-top: 10px;
        font-size: 26px;
        line-height: 1.3;
    }

    .orangeLine {
        margin: 20px 0;
    }

    .treatOnep2 {
        padding: 20px 0;
    }

    .pageFaq {
        padding: 20px 0;
        margin-top: 0;
    }

    .pageFaq h2 {
        padding-bottom: 30px;
    }

    .panell {
        margin-bottom: 10px;
    }

    .panell p {
        padding: 25px 0 15px;
        font-size: 23px;
    }
}

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

    .treatSpiDecbg,
    .treatHerDiscbg,
    .treatScolbg,
    .treatKneebg,
    .treatNeuropathybg,
    .treatStenosisbg,
    .treatVertigobg,
    .treatSciaticabg,
    .treatFibromyalgiabg,
    .treatPainManagementbg,
    .treatAutoAccidentstbg,
    .treatWorkInjuriesbg,
    .treatJohnPispidikisbg,
    .treatMichaelGreinerbg,
    .treatMichaelGasiewiczbg,
    .treatImanAbouChakrabg,
    .treatMariaRuizbg,
    .treatAkshataNayakbg,
    .treatMassageTherapybg,
    .treatChiropracticbg,
    .treatChiropractictbg,
    .treatMassagebg {
        height: 360px;
    }
    .treatOneRight h1,
    .treatOneRight h2,
    .treatOneRight h3 {
        padding: 0 20px;
    }

    .treatOnep1 {
        padding: 0 20px;
    }

    .treatOnep1 span {
        display: block;
    }

    .treatOnep2 {
        padding: 20px;
        font-size: 21px;
    }

    .accordion {
        font-size: 21px;
    }

    .treatOneRight {
        padding: 35px 0 0;
    }

    .treatHerDiscsp,
    .treatHerDiscsp span {
        display: inline-block;
    }

    .panell {
        padding: 0 10px 0;
    }
}

/*========================================================
    Videos page
=========================================================*/
.videosWrap{
  width: 92%;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-top: 60px;
}
.videoBox{
  padding: 10px;
}
.videoBox iframe{
  width: 560px;
  height: 315px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .videosWrap{
    width: 96%;
  }
  .videoBox iframe{
    width: 500px;
    height: 255px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .videosWrap{
    width: 96%;
  }
  .videoBox{
    width: 33%;
  }
  .videoBox iframe{
    width: 100%;
    height: 220px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .videosWrap{
    width: 96%;
  }
  .videoBox{
    width: 33%;
  }
  .videoBox iframe{
    width: 100%;
    height: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .videosWrap{
    width: 96%;
  }
  .videoBox{
    width: 50%;
  }
  .videoBox iframe{
    width: 100%;
    height: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .videosWrap{
    width: 100%;
    padding-top: 40px;
  }
  .videoBox{
    width: 100%;
  }
  .videoBox iframe{
    width: 100%;
    height: 180px;
  }
}
@media only screen  and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}


/*========================================================
    read true testimonials section index
=========================================================*/
.readTrue {
    padding: 50px 0 80px;
    text-align: center;
    border-top: 2px dotted var(--blue);
}

.readTrue a,
.readTrue p {
    font-size: 138px;
    font-weight: 600;
    line-height: 1.1;
    color: var(--blue);
    text-transform: capitalize;
    text-align: center;
    font-family: futura, arial, sans-serif;
}
.readTrueWrap{
    background: #f1f5f5;
    border-radius: 25px;
    padding: 15px 60px;
    position: relative;
}

.readTrue p span, .readTrue a span {
    display: block;
}

.readTrueWrap {
    margin: 0 auto;
    margin-top: 45px;
    max-width: 790px;
    width: 100%;
}
.readTrueWrap picture {
    position: absolute;
    right: 45px;
    top: -20px;
}

.fiveStarRating {
    max-width: 757px;
}

.arrowNew {
    max-width: 250px;
    height: 100%;
}

.quote{max-width: 80px;}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .readTrue a, .readTrue p {
        font-size: 115px;
    }

    .arrowNew {
        max-width: 230px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .fiveStarRating {
        max-width: 600px;
    }

    .readTrue p, .readTrue a {
        font-size: 75px;
    }

    .arrowNew {
        max-width: 190px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .fiveStarRating {
        max-width: 530px;
    }

    .readTrue p, .readTrue a {
        font-size: 70px;
    }

    .arrowNew {
        max-width: 125px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .fiveStarRating {
        max-width: 430px;
    }

    .readTrue p, .readTrue a {
        font-size: 54px;
    }

    .arrowNew {
        max-width: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .readTrue {
        padding: 40px 0 50px;
    }

    .readTrueWrap {
        justify-content: center;
    }

    .fiveStarRating {
        max-width: 330px;
        width: 100%;
    }

    .readTrue p, .readTrue a {
        font-size: 54px;
    }

    .arrowNew {
        max-width: 80px!important;
        width: 80px!important;
    }

    .arrowLeft,
    .arrowRight {
        transform: rotate(90deg);
    }

    .arrowLeft {
        margin: 0 0 20px;
        display: none;
    }

    .arrowRight {
        margin: 20px 0 0;
    }
}

@media only screen and (max-width: 670px) {
    .readTrueWrap{padding: 15px 10px;}
    .readTrue a{font-size: 45px;}
    .readTrue picture{top: -15px;}
    .readTrue .quote{max-width: 65px;}
}

@media only screen and (max-width: 425px) {
    .readTrue a{font-size: 35px;}
    .readTrue picture{top: -12px; right: 30px;}
    .readTrue .quote{max-width: 55px;}
}

/*========================================================
    We are hiring section - in footer
=========================================================*/
.hireSec{
  background: var(--grey);
  padding: 90px 0;
  text-align: center;
}
.hireSec img{
  width: 128px;
}
.hireSec p {
	font-size: 90px;
	font-weight: 600;
	color: var(--blue);
	text-transform: capitalize;
	font-family: futura, arial, sans-serif;
  margin-bottom: 30px;
}
.hireSecBtnPlace a {
	background: var(--orange);
	color: var(--white);
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .hireSec img{
    width: 100px;
  }
  .hireSec p {
  	font-size: 75px;
    margin: 0 0 20px;
  }
  .hireSecBtnPlace a{
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .hireSec {
  	padding: 70px 0;
  }
  .hireSec img{
    width: 100px;
  }
  .hireSec p {
  	font-size: 75px;
    margin: 0 0 20px;
  }
  .hireSecBtnPlace a{
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hireSec {
  	padding: 70px 0;
  }
  .hireSec img{
    width: 90px;
  }
  .hireSec p {
  	font-size: 54px;
    margin: 0 0 20px;
  }
  .hireSecBtnPlace a{
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .hireSec {
  	padding: 60px 0;
  }
  .hireSec img{
    width: 90px;
  }
  .hireSec p {
  	font-size: 44px;
    margin: 10px 0 20px;
  }
  .hireSecBtnPlace a{
    font-size: 21px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*========================================================
    Request Appointment
=========================================================*/
.bcgReqSec {
    background: var(--foo);
}

.wrapContReqAppoint {
    padding: 150px 0;
    text-align: center;
}

.wrapContReqAppoint h2 {
    text-align: center;
    color: var(--white);
}

.wrapContReqAppoint p {
    text-align: center;
    color: var(--white);
}

.wrapContReqAppoint .emailUsBtn {
    margin-top: 50px;
    font-size: 36px;
    background: var(--orange);
}

.wrapContReqAppoint .treatUsBtn {
    margin-top: 50px;
    font-size: 36px;
    background: var(--orange);
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .wrapContReqAppoint {
        padding: 110px 0;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .wrapContReqAppoint {
        padding: 90px 0;
    }

    .wrapContReqAppoint .emailUsBtn {
        font-size: 24px;
    }

    .wrapContReqAppoint .treatUsBtn {
        font-size: 24px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .wrapContReqAppoint {
        padding: 70px 0;
    }

    .wrapContReqAppoint .emailUsBtn {
        font-size: 21px;
    }

    .wrapContReqAppoint .treatUsBtn {
        font-size: 21px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .wrapContReqAppoint {
        padding: 70px 0;
    }

    .wrapContReqAppoint .emailUsBtn {
        font-size: 21px;
    }

    .wrapContReqAppoint .treatUsBtn {
        font-size: 21px;
    }
}

@media only screen and (max-width: 767px) {
    .wrapContReqAppoint {
        padding: 70px 0;
    }

    .wrapContReqAppoint p {
        font-size: 18px;
    }

    .wrapContReqAppoint .emailUsBtn {
        font-size: 21px;
    }

    .wrapContReqAppoint .treatUsBtn {
        font-size: 21px;
    }
}


@media only screen and (max-width: 479px) {
    .wrapContReqAppoint {
        padding: 70px 0;
    }
}

/*========================================================
            Banner Index NEW
=========================================================*/
/* Ewa: I added  on 05/03/25 @ 1:35pm EST */
.banIndex{
  background: #fff;
  padding: 100px 0;
}
.banIndSize{
  width: 75%;
  margin: 0 auto;
  max-width: 1830px;
}
.banIndWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
    align-items: center;
}
.banIndLeft{
  width: 45%;
}
p.banFull {
  font-size: 24px;
  margin: 20px 0 0;
    font-weight: 600;
}
p.banFull span {
  color: var(--blue);
}
    .banIndLeft h2,
.banIndLeft h1 {
  font-family: futura-bold, arial, sans-serif;
  font-size: 72px;
  margin: 20px 0 0;
  line-height: 1.2;
}
    .banIndLeft h2 span,
.banIndLeft h1 span{
  color: var(--newblue);
}
p.banDescr {
  margin: 30px 0 0;
  max-width: 640px;
}
p.banDescr span {
    text-transform: capitalize;
    font-weight: 600;
}
.stRevs{
  background: var(--white);
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 10px 0;
  margin: 40px 0 0;
}
.stRevs a{
  text-transform: uppercase;
}
.stRevDigit{
  margin-right: 30px;
}
.stRevDigit p{
  font-family: graphikbold, arial, sans-serif;
  font-size: 102px;
}
.stRevDigit p span{
  font-family: graphiksemi, arial, sans-serif;
}
.stRevText p{
  font-family: graphikbold, arial, sans-serif;
  font-size: 37px;
  text-transform: uppercase;
}
.stRevText p span{
  font-family: graphiksemi, arial, sans-serif;
}
.stRevText img{
  width: 200px;
}
.newBanbtns{
  margin: 50px 0 0;
}
.hideInDesktop{
  display: none!important;
}
.banIndImgRight{
  width: 100%;
  max-width: 910px;
  height: auto;
  border-radius: 30px;
}
.banButnsWrap {
    margin-top: 60px;
}
.callBtn {
    font-weight: 600;
    font-size: 26px;
    margin-left: 50px;
}
/* Custom styling for Swiper pagination */
.swiper .banIndImgRight {
  position: relative!important;
}

.swiper-pagination {
  position: absolute;
  bottom: 10px;
  left: 500px!important;
  z-index: 10;
  width: 150px;
}

.swiper-pagination-bullet {
  width: 15px!important;
  height: 15px!important;
  margin: 0 5px;
  background-color: rgba(255, 255, 255, 0.7)!important;
}

.swiper-pagination-bullet-active {
  background-color: #fff;
}
@media only screen and (min-width: 1920px){
  .newBanbtns .skilledBtn{
    min-width: 301.5px;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .banIndSize{
    width: 90%;
    max-width: 1650px;
  }
  .banIndLeft {
  	width: 40%;
  }
      .banIndLeft h2,
  .banIndLeft h1 {
  	font-size: 70px;
  }
  .swiper-pagination {
    left: 400px!important;
  }
    p.banDescr {
        max-width: 540px;
    }
}
@media only screen and (min-width: 1601px) and (max-width: 1919px) {
  .banIndSize{
    width: 90%;
    max-width: 1440px;
  }
  .banIndLeft {
  	width: 40%;
  }
  p.banFull {
  	font-size: 24px;
  }
      .banIndLeft h2,
  .banIndLeft h1 {
  	font-size: 68px;
  }
  p.banDescr {
  	font-size: 23px;
    margin: 30px 0 0;
    max-width: 450px;
  }
  .stRevs{
    margin: 30px 0 0;
  }
  .stRevDigit p {
  	font-size: 90px;
  }
  .stRevText p {
  	font-size: 34px;
  }
  .stRevText img {
  	width: 185px;
  }
  .newBanbtns {
    margin: 40px 0 0;
  }
  .banIndImgRight {
  	max-width: 760px;
  }
  .swiper-pagination {
    left: 350px!important;
  }
  .newBanbtns .skilledBtn{
    min-width: 239.5px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .banIndex {
  	padding: 60px 0;
  }
  .banIndSize{
    width: 90%;
    max-width: 1290px;
  }
  .banIndLeft {
  	width: 45%;
  }
  p.banFull {
  	font-size: 21px;
  }
      .banIndLeft h2,
  .banIndLeft h1 {
  	font-size: 56px;
    margin: 10px 0 0;
  }
  p.banDescr {
    margin: 15px 0 0;
  }
  .stRevs{
    margin: 25px 0 0;
  }
  .stRevDigit p {
  	font-size: 82px;
  }
  .stRevText p {
  	font-size: 30px;
  }
  .stRevText img {
  	width: 170px;
  }
  .newBanbtns {
    margin: 35px 0 0;
  }
  .banIndImgRight {
  	max-width: 600px;
  }
  .swiper-pagination {
    left: 340px!important;
  }
  .newBanbtns .skilledBtn{
    min-width: 239px;
  }
    .banButnsWrap {
        margin-top: 30px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
    p.banDescr {
      max-width: 460px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .banIndex {
  	padding: 60px 0;
  }
  .banIndSize{
    width: 95%;
    max-width: 975px;
  }
  .banIndLeft {
  	width: 42%;
  }
  p.banFull {
  	font-size: 18px;
  }
      .banIndLeft h2,
  .banIndLeft h1 {
  	font-size: 44px;
    margin: 20px 0 0;
  }
  p.banDescr {
    margin: 25px 0 0;
  }
    .banButnsWrap {
        margin-top: 25px;
    }
    .callBtn {
        font-size: 21px;
        margin-left: 35px;
    }
  .stRevs{
    margin: 25px 0 0;
  }
  .stRevDigit {
  	margin-right: 22px;
  }
  .stRevDigit p {
  	font-size: 68px;
  }
  .stRevText p {
  	font-size: 23px;
  }
  .stRevText img {
  	width: 130px;
  }
  .newBanbtns {
    margin: 35px 0 0;
  }
  .banIndImgRight {
  	max-width: 500px;
  }
  .swiper-pagination {
    left: 260px!important;
  }
    p.banDescr {
      max-width: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .banIndex {
  	padding: 60px 0;
  }
  .banIndWrap{
    flex-direction: column-reverse;
    padding-bottom: 40px;
  }
  .banIndSize{
    width: 95%;
    max-width: 975px;
  }
  .banIndLeft {
  	width: 90%;
  }
  p.banFull {
  	font-size: 18px;
    margin: 40px 0 0;
  }
      .banIndLeft h2,
  .banIndLeft h1 {
  	font-size: 44px;
    margin: 20px 0 0;
  }
  p.banDescr {
    margin: 25px 0 0;
    max-width: 400px;
  }
    .banButnsWrap {
        margin-top: 30px;
    }
  .stRevs{
    margin: 25px 0 0;
  }
  .stRevDigit {
  	margin-right: 22px;
  }
  .stRevDigit p {
  	font-size: 68px;
  }
  .stRevText p {
  	font-size: 23px;
  }
  .stRevText img {
  	width: 130px;
  }
  .banIndImgRight {
  	max-width: none;
  }
  .newBanbtns {
    margin: 35px 0 0;
  }
  .newBanbtns .rvnBtn{
    margin-right: 20px;
  }
  .swiper-pagination {
    left: 0!important;
    right: 0!important;
    text-align: center;
    bottom: 0!important;
  }
  .swiper-pagination-bullet {
    width: 15px!important;
    height: 15px!important;
    background-color: rgba(30, 73, 157, 0.7)!important;
  }

  .swiper-pagination-bullet-active {
    background-color: #1E499D!important;
  }
}
@media only screen and (max-width: 767px) {
  .banIndex {
  	padding: 30px 0;
  }
  .banIndWrap{
    flex-direction: column-reverse;
    padding-bottom: 40px;
  }
  .banIndSize{
    width: 92%;
    max-width: 975px;
  }
  .banIndLeft {
  	width: 100%;
  }
  p.banFull {
  	font-size: 16px;
    margin: 30px 0 0;
  }
      .banIndLeft h2,
  .banIndLeft h1 {
  	font-size: 36px;
    margin: 20px 0 0;
  }
  p.banDescr {
    margin: 25px 0 0;
      width: auto;
  }
    .banButnsWrap {
        margin: 30px 0 10px;
    }
  .stRevs{
    margin: 25px 0 0;
  }
  .stRevDigit {
  	margin-right: 22px;
  }
  .stRevDigit p {
  	font-size: 50px;
  }
  .stRevText p {
  	font-size: 18px;
  }
  .stRevText img {
  	width: 100px;
  }
  .banIndImgRight {
  	max-width: none;
  }
  .newBanbtns {
    margin: 28px 0 0;
  }
  .newBanbtns .rvnBtn{
    margin-right: 20px;
  }
  .newBanbtns .skilledBtn{
    margin-left: 0;
  }
  .hideInMob{
    display: none!important;
  }
  .hideInDesktop{
    display: inline-block!important;
  }
  .swiper-pagination {
    left: 0!important;
    right: 0!important;
    text-align: center;
    bottom: 0!important;
  }
  .swiper-pagination-bullet {
    width: 15px!important;
    height: 15px!important;
    background-color: rgba(30, 73, 157, 0.7)!important;
  }

  .swiper-pagination-bullet-active {
    background-color: #1E499D!important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /*.banIndLeft{
    max-width: 442px;
  }*/
      .banIndLeft h2,
  .banIndLeft h1 {
  	font-size: 46px;
  }
  .srsBtnsPlace{
    margin: 25px 0 0;
  }
}
@media only screen and (max-width: 479px) {
  .newBanbtns .rvnBtn{
    margin-right: 0;
  }
  p.banDescr br{
    display: none;
  }
  .newBanbtns a{
    max-width: 165px!important;
  }
  .newBanbtns .rvnBtn,
  .newBanbtns .skilledBtn {
  	font-size: 16px;
  	padding: 15px 12px;
  }
    .banButnsWrap {
        margin-top: 30px;
        display: flex;
        flex-direction: column;
    }
    .callBtn {
        display: none;
    }
    .banButnsWrap .lrBtn {
        width: 260px;
    }
}

/*========================================================
    Mobile Menu
=========================================================*/
@media only screen and (max-width: 1023px) {

    .smobitrigger,
    .mnuclose {
        display: inline-block;
    }

    .smobitrigger {
        color: transparent;
        width: 30%;
    }

    .smobitrigger {
        background: url("../images/icons/menuopen.png");
        background-position: center top 10px;
        background-repeat: no-repeat;
        background-size: 60px 60px;
        width: 60px;
        height: 80px;
    }

    .mnuclose {
        background: url('../images/icons/menuclose.png');
        background-position: right top;
        background-repeat: no-repeat;
        background-size: 40px 40px;
        color: transparent;
        height: 40px;
        margin: 0 0 10px 0;
        text-align: right;
        display: inline-block;
        width: 100% !important;
    }

    .menu ul {
        padding: 20px 30px 10px;
        overflow-y: auto;
        margin: 0 auto;
    }

    .menu ul li.dlink,
    .menu ul li.mmlinks {
        display: block;
        line-height: 50px;
        text-align: left;
        font-weight: 500;
    }

    .menu ul li.mmlinks {
        font-size: 22px;
    }

    .menu ul li.dtop {
        display: none;
    }
    .menu ul li.dlink{
      padding: 0 0;
    }
    .menu ul li.dlink a {
        margin: 0 auto;
        padding: 5px 0 5px 0;
        text-align: left;
        width: 100%;
        font-size: 22px;
        font-weight: 500;
        line-height: 1.3;
    }
    .menu ul li.dlink a:hover::after {
        display: none;
    }
    .liDivid{

    }
    .liDividText{
      display: block;
      font-size: 25px;
      font-weight: 700;
      margin: 30px 0 10px;
    }

    .menu ul li.mlogo {
        margin: 20px auto 0;
        display: block;
        text-align: left;
    }

    .menu ul li.mlogo img {
        width: 100%;
        margin: 0 auto 30px;
    }

    .menu ul li.mphone {
        display: block;
        color: #777;
        margin-bottom: 35px;
        text-align: left;
    }

    .menu ul li.mphone span {
        display: block;
        font-size: 16px;
        color: #777;
    }

    .menu ul li.mphone a {
        font-size: 32px;
        font-weight: 500;
    }

    .menu ul li.extraBtn {
        display: block;
        margin: 20px 0 0;
    }

    .menu ul li.extraBtn .extraBtnIns {
        background: var(--orange);
        color: var(--white) !important;
        font-size: 17px;
        padding: 15px 35px;
        width: 100%;
    }

    .menu ul li.maddress {
        display: block;
        font-size: 20px;
        line-height: 1.5;
        text-transform: capitalize;
        margin: 35px auto;
        color: #777;
        text-align: left;
    }

    .menu ul li.maddress span {
        display: block;
    }

    .menu ul li.maddress .directionsCla {
        font-size: 16px;
        font-weight: 600;
    }
    .menu ul li.mobHiring{
      display: block;
      margin-top: 30px;
    }
    .menu ul li.mobHiring img{
      width: 70px;
      margin: 0 0 15px;
    }
    .menu ul li.mobHiring .okaBtn{
      background: var(--orange);
      color: var(--white)!important;
      font-size: 18px;
    }
    .menu ul li.mhours {
        display: block;
        font-size: 19px;
        line-height: 1.5;
        margin: 0 auto 30px;
        color: #777;
        text-align: left;
    }

    .menu ul li.mhours span {
        display: block;
    }

    .menu ul li.msocial {
        display: block;
        text-align: left;
        margin-top: 50px;
        margin-bottom: 100px;
    }
    .menu ul li.hoursNav{
      display: flex;
      justify-content: space-between;
      margin-bottom: 10px;
    }
    .menu ul li.msocial img {
        width: 50px;
        height: 50px;
        margin: 0 2px;
    }
    .menu ul li.msocial i{
      margin: 0 10px;
      font-size: 32px;
    }

    .mobimenu {
        padding: 0;
        margin: 0px;
        width: 15.9375em;
        position: fixed;
        height: 100% !important;
        top: 0px;
        left: -24.625em;
    }

    .mnuopn {
        left: 0px !important;
    }

    .ovrActv {
        position: fixed;
        background: rgba(0, 0, 0, 0.79);
        width: 100%;
        height: 100%;
        z-index: 9998;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

    .one,
    .three {
        display: none;
    }

    .boxesWrap {
        width: 100%;
    }

    .two {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        height: 122px;
        flex-wrap: wrap;
    }

    .logoInMob {
        width: 100%;
    }

    .logoMob {
        width: 100%;
        display: block;
        text-align: center;
    }

    .logoMob img {
        width: 240px;
        margin-bottom: 0;
        margin-top: 2px;
    }

    nav {
        width: 100%;
        display: flex;
        border-top: 1px solid var(--black);
    }

    .telMob {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50%;
    }

    .telMob img {
        width: 50px;
    }

    .locatMob {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50%;
        border-left: 1px solid var(--black);
        border-right: 1px solid var(--black);
    }

    .locatMob img {
        width: 40px;
    }

    .menu {
        width: 50%;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .navwrp {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .aboutBanner {
        height: 450px;
    }
}

@media only screen and (max-width: 479px) {
    .smobitrigger {
        width: 100% !important;
    }

    .logoMob img {
        width: 212px;
    }

    .telMob img {
        width: 40px;
    }

    .smobitrigger {
        background-size: 50px 50px;
        background-position: center center;
        height: 60px;
    }

    .bannerIns p span {
        display: block;
    }

}

@media only screen and (min-width: 1024px) {
    .menu ul {
        background: none !important;
    }

    .menu ul li.dlink a {
        color: var(--siena) !important;
    }
}
/*========================================================
   visually hidden
=========================================================*/
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}


/* aozen centered a button for scholarship page
   also changed the banner image with a new class
   and bold hyperlink textcolor
*/
.bold-link-color{
    color:var(--mainblue);
}
.scholarBtnCenter{
    justify-content: center;
}
.trSubBanScholarship{
    background-image: url('../images/scholarship/scholarship.jpg');
}
/* end of aozen edits */