/*========================================================
	Main Style for xCel Vision Data 2025
=========================================================*/
/* colors declaration */
:root {
    --black: #000;
    --white: #fff;
    --bord: #bab5af;
    --foo: #1a1917;
    --lblue: #008ff7;
    --rect-color: #FBF6ED;
    --txt: #222223;
    --cream: #F8F5F0;
}

/* fonts declaration */
@font-face {
    font-family: proxima-regular;
    src: url("../fonts/ProximaNova-Regular.ttf");
}
@font-face {
    font-family: proxima-bold;
    src: url("../fonts/ProximaNova-Bold.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 */
/***********************************************************************************************/

/*========================================================
                      Main Styles
=========================================================*/
body {
    font-family: proxima-regular, arial, sans-serif;
    color: var(--txt);
    font-size: 20px;
}
li {
    list-style-type: none;
}
a {
    text-decoration: none;
}
.clear {
    clear: both;
}
.inline-text {
    font-weight: 700;
}
h1, h2, h3 {
  font-family: proxima-bold, arial, sans-serif;
  text-transform: uppercase;
}
h1{
  font-size: 55px;
}
h2,
h3{
  font-size: 48px;
}
 {
  font-size: 38px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    body {
        font-size: 18px;
    }
    h1{
      font-size: 49px;
    }
    h2,
    h3{
      font-size: 44px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    body {
        font-size: 18px;
    }
    h1{
      font-size: 45px;
    }
    h2,
    h3{
      font-size: 40px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    body {
        font-size: 18px;
    }
    h1{
      font-size: 45px;
    }
    h2,
    h3{
      font-size: 34px;
    }
}
@media only screen and (max-width: 767px) {
    body {
        font-size: 19px;
    }
    h1{
      font-size: 35px;
    }
    h2,
    h3{
      font-size: 32px;
    }
}
/*=======================================================
                       Main Layout
=========================================================*/
.bodyFrame {
    max-width: 100%;
    margin: 0 auto;
}
.pageFull {
    width: 100%;
}
.pageSize {
    width: 75%;
    max-width: 1500px;
    margin: 0 auto;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .pageSize {
      width: 90%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .pageSize {
      width: 94%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .pageSize {
      width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .pageSize {
      width: 90%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*========================================================
									TOP & NAVIGATION
=========================================================*/
/* not display on large screen */
.smobitrigger,
.mnuclose,
.menu ul li.mlogo,
.menu ul li.mphone,
.menu ul li.mhours,
.menu ul li.msocial,
.menu ul li.mmlinks,
.menu ul li.maddress,
.menu ul li.mline,
.menu ul li.mphoneLocations,
.menu ul li.mname,
.menu ul li.maddSpaceMobMenu,
.menu ul li.mbtnPlaceMob,
.telMob,
.logoMob,
.hoursNav,
.brandsSecWrapMobile {
    display: none;
}
/* top section  */
.top {
    width: 100%;
    display: block;
    position: static;
    background: var(--black);
    box-shadow: 0px 8px 24px -20px rgba(165, 165, 173, 1);
}
.boxesWrap {
    width: 75%;
    max-width: 1500px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100px;
}
.boxes {
    height: 100px;
}
.one {
    width: 15%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.one img {
  display: block;
  width: 153px;
}
.two {
    width: 55%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.three {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.topPhone {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}
.topTel {
  color: var(--white);
  font-family: proxima-regular, arial, sans-serif;
  font-size: 20px;
  display: flex;
  align-items: center;
  min-height: 50px;
}
.menu ul li.dlink {
  color: var(--white);
    font-family: proxima-regular, arial, sans-serif;
    font-size: 21px;
    display: inline-block;
    text-transform: capitalize;
    line-height: 1.5;
    padding: 0 20px;
    display: none;
}
.menu ul li.dlink a:hover {
    color: var(--lblue);
}
/*.menu ul > li:nth-child(2 of .dlink) {
    margin-right: 60px;
}*/
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .boxesWrap {
  	width: 88%;
    height: 80px;
  }
  .menu ul li.dlink {
  	font-size: 20px;
  }
    .one img {
        width: 130px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .boxesWrap {
  	width: 94%;
    height: 80px;
  }
  .one img {
  	width: 120px;
  }
  .two {
  	width: 50%;
  }
  .three {
  	width: 35%;
  }
  .menu ul li.dlink {
  	font-size: 18px;
    padding: 0 10px;
  }
  .topTel {
  	background-size: 42px 42px;
  	font-size: 18px;
  	min-height: 50px;
  }

}
@media only screen and (max-width: 1023px) {
}
/*========================================================
									Buttons
=========================================================*/
.hwBtn {
  background: var(--lblue);
  border-radius: 5px;
  color: var(--white);
  cursor: pointer;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  text-transform: capitalize;
  padding: 15px 45px;
}
.orderTopBtn {
  border: 1px solid var(--lblue);
  color: var(--lblue);
  cursor: pointer;
  display: inline-block;
  font-size: 20px;
  text-align: center;
  text-transform: capitalize;
  padding: 6px 20px;
}
.orderTopBtn:hover{
  color: var(--white);
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .hwBtn{
      font-size: 17px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .hwBtn{
      font-size: 17px;
      padding: 10px 35px;
    }
    .orderTopBtn{
        font-size: 17px;
        padding: 6px 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .hwBtn{
      font-size: 17px;
      padding: 10px 35px;
    }
    .orderTopBtn{
        font-size: 16px;
        padding: 10px 20px;
    }
}
@media only screen and (max-width: 767px) {}
@media only screen and (max-width: 479px) {
    .hwBtn{
      font-size: 17px;
      padding: 10px 35px;
    }
    .orderTopBtn{
        font-size: 16px;
        padding: 10px 15px;
    }
}

/*========================================================
  Top banner index
=========================================================*/
.hwBanner{
  background: url('../images/index/networking-around-the-world.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 170px 0 140px;
}
.hwSize{
  width: 75%;
  max-width: 1500px;
  margin: 0 auto;
}
.hwRect{
  background: var(--rect-color);
  border-radius: 16px;
  max-width: 600px;
  padding: 55px 45px;
}
.hwRect h1{
  line-height: 1;
}
.hwRect p{
  line-height: 1.5;
  margin: 15px 0 0;
}
.fiveStars p {
    font-size: 23px;
    font-weight: 600;
    line-height: 1.1;
    margin: 0 0 0;
    text-transform: uppercase;
}
.fiveStars img {
    width: 125px;
    vertical-align: sub;
}
.fiveStars p span {
    display: block;
}
.hwBtnPlace{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 28px 0 0;
  max-width: 96%;
}
.hwBannerMob{
  display: none;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .hwBanner{
    padding: 150px 0 120px;
  }
  .hwSize {
  	width: 88%;
  }
  .hwRect {
  	max-width: 550px;
  }
  .fiveStars p {
  	font-size: 22px;
  }
  .fiveStars img {
  	width: 115px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .hwBanner{
    padding: 150px 0 120px;
  }
  .hwSize {
  	width: 94%;
  }
  .hwRect {
  	max-width: 512px;
  	padding: 45px;
  }
  .fiveStars p {
  	font-size: 18px;
  }
  .fiveStars img {
  	width: 98px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hwBanner {
  	padding: 115px 0 90px;
  }
  .hwSize {
  	width: 90%;
  }
  .hwRect {
  	max-width: 512px;
  	padding: 45px;
  }
  .fiveStars p {
  	font-size: 21px;
    line-height: 1;
  }
  .fiveStars img {
  	width: 112px;
  }
  .hwBtnPlace {
  	max-width: 98%;
  }
}
@media only screen and (max-width: 767px) {
  .hwBannerMob{
    display: block;
    width: 100%;
    height: auto;
  }
  .hwBanner{
    background: none;
    padding: 0 0;
  }
  .hwBanner .hwSize{
    width: 100%;
  }
  .hwSize{
    width: 90%;
  }
  .hwRect {
  	border-radius: 0;
  	max-width: 600px;
  	padding: 40px 20px;
  }
  .fiveStars p {
  	font-size: 16px;
  }
  .fiveStars img {
  	width: 85px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .fiveStars p {
  	font-size: 20px;
  }
  .fiveStars img {
  	width: 106px;
  }
}

/*========================================================
   Under banner section
=========================================================*/
.hwPage{
  padding: 100px 0;
}
.hwPage .hwTitle h2 br{
  display: none;
}
.hwTitle h2{
  text-align: center;
}
.hwTitle h2 span{
  display: block;
}
.hwTitle p{
  line-height: 1.5;
  width: 53%;
  margin: 30px auto 0;
  text-align: center;
}
.hwLRWrap{
  margin: 100px 0 0;
}
.hwTextBox{
  background: var(--cream);
  padding: 45px 50px;
  max-width: 700px;
  border-radius: 15px;
  position: absolute;
  top: 20%;
  right: -50%;
}
.hwTextBox h2{
  font-size: 38px;
  text-transform: capitalize;
}
.hwTextBox p{
  line-height: 1.5;
  margin: 20px 0 0;
}
.hwImg{
  width: 70%;
  max-width: 1000px;
  position: relative;
}
.hwImg img{
  width: 100%;
  border-radius: 15px;
}
.hwTextBtnPlace{
  margin: 30px 0 0;
}
.hwLRWrapRev{
  display: flex;
  justify-content: flex-end;
}
.hwLRWrapRev .hwImg{
  width: 70%;
  min-width: 1000px;
  max-width: 1000px;
  position: relative;
}
.hwLRWrapRev .hwImg img{
  width: 100%;
  border-radius: 15px;
}
.hwLRWrapRev .hwTextBox{
  background: var(--cream);
  padding: 45px 50px;
  max-width: 700px;
  border-radius: 15px;
  position: absolute;
  top: 20%;
  left: -50%;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .hwImg {
    min-width: 950px;
  	max-width: 1000px;
  }
  .hwLRWrapRev .hwImg{
    min-width: 950px;
  	max-width: 1000px;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 2019px){
  .hwTextBox {
  	right: -43%;
  }
  .hwLRWrapRev .hwTextBox {
  	left: -43%;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .hwPage {
  	padding: 80px 0;
  }
  .hwTitle p {
  	width: 52%;
  }
  .hwImg {
    min-width: 60%;
  	max-width: 835px;
  }
  .hwTextBox h2 {
  	font-size: 36px;
  }
  .hwTextBox p {
  	font-size: 19px;
  }
  .hwTextBox {
  	max-width: 620px;
  	top: 15%;
  	right: -60%;
  }
  .hwLRWrapRev .hwTextBox {
  	max-width: 620px;
  	top: 15%;
  	left: -60%;
  }
  .hwLRWrapRev .hwImg {
  	min-width: 60%;
  	max-width: 835px;
  }
}
@media only screen and (min-width: 1601px) and (max-width: 1919px) {
  .hwImg {
    width: 65%;
    min-width: 900px;
    max-width: 940px;
  }
  .hwLRWrapRev .hwImg {
    width: 65%;
    min-width: 900px;
    max-width: 940px;
  }
  .hwTextBox {
  	right: -54%;
  }
  .hwLRWrapRev .hwTextBox {
  	left: -54%;
  }
}
@media only screen and (min-width: 1451px) and (max-width: 1525px){
  .hwTextBox {
  	right: -52%;
  }
  .hwLRWrapRev .hwTextBox {
    left: -52%;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1450px) {
  .hwImg {
    width: 65%;
    max-width: 785px;
  }
  .hwLRWrapRev .hwImg {
    width: 65%;
  	min-width: 740px;
  	max-width: 785px;
  }
  .hwTextBox {
  	right: -54%;
  }
  .hwLRWrapRev .hwTextBox {
  	left: -54%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .hwPage {
  	padding: 80px 0;
  }
  .hwTitle p {
  	width: 74%;
  }
  .hwImg {
    min-width: 60%;
  	max-width: 600px;
  }
  .hwLRWrapRev .hwImg {
    min-width: 60%;
    max-width: 600px;
  }
  .hwTextBox h2 {
  	font-size: 34px;
  }
  .hwTextBox {
  	max-width: 620px;
  	top: 15%;
  	right: -60%;
  }
  .hwLRWrapRev .hwTextBox {
  	max-width: 620px;
  	top: 15%;
  	left: -60%;
  }
  .hwTextBtnPlace {
  	margin: 20px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hwPage {
  	padding: 80px 0;
  }
  .hwTitle p {
  	width: 88%;
  }
  .hwImg {
    min-width: 100%;
  	max-width: 100%;
  }
  .hwLRWrapRev .hwImg {
    min-width: 100%;
    max-width: 100%;
  }
  .hwTextBox h2 {
  	font-size: 32px;
  }
  .hwLRWrap {
  	margin: 70px 0 0;
  }
  .hwTextBox,
  .hwLRWrapRev .hwTextBox {
    position: static;
  	max-width: 620px;
  	margin: 20px 0 0;
  }

  .hwTextBtnPlace {
  	margin: 20px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .hwPage {
  	padding: 60px 0;
  }
  .hwPage .hwTitle h2 br{
    display: block;
  }
  .hwTitle p {
  	width: 88%;
  }
  .hwLRWrap {
  	margin: 70px 0 0;
  }
  .hwImg {
    min-width: 100%;
  	max-width: 100%;
  }
  .hwLRWrapRev .hwImg {
    min-width: 100%;
    max-width: 100%;
  }

  .hwTextBox h2 {
  	font-size: 25px;
  }
  .hwTextBox,
  .hwLRWrapRev .hwTextBox {
    position: static;
  	max-width: 620px;
  	margin: 20px 0 0;
    padding: 25px;
  }

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

/*========================================================
   Complex Services section index
=========================================================*/
.compServ{
  background: var(--cream);
  padding: 100px 0;
}
.compServTitle h2 {
	text-transform: uppercase;
	text-align: center;
}
.compServWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.compServBox{
  width: 30%;
  text-align: center;
  margin: 70px 0 0;
}
.compServBox img{
  margin: 0 0 25px;
}
.compServBox p{
  line-height: 1.5;
}
.compServBox p span{
  display: block;
  font-family: proxima-bold, arial, sans-serif;
  font-size: 30px;
  line-height: 1.2;
  width: 90%;
  margin: 0 auto 25px;
}
.compServBtnsPlace{
  margin: 60px 0 0;
  text-align: center;
}
.compTel{
  font-size: 22px;
  font-weight: 600;
  margin-left: 30px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .compServTitle h2 {
  	font-size: 46px;
  }
  .compServBox p span {
  	font-size: 25px;
    width: 88%;
  }
  .compTel {
  	font-size: 21px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .compServ{
    padding: 80px 0;
  }
  .compServBox p span {
  	font-size: 23px;
  }
  .compTel {
    font-size: 21px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .compServ{
    padding: 60px 0;
  }
  .compServBox {
  	width: 45%;
  }
  .compServBox p span {
  	font-size: 23px;
  }
  .compTel {
    font-size: 21px;
  }
}
@media only screen and (max-width: 767px) {
  .compServ {
  	padding: 60px 0;
  }
  .compServBox {
  	width: 100%;
  }
  .compServBox p span {
  	font-size: 26px;
  }
  .compTel {
    font-size: 19px;
    margin-left: 20px;
  }
}

/*========================================================
    Naples Property Management section index
=========================================================*/
.npmSec{
  padding: 100px 0;
}
.npmSec h2{
  text-align: center;
  text-transform: capitalize;
}
.npmSecWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 60px 0 0;
}
.npmSecBox{
  width: 23.8%;
}
.npmText{
  padding: 25px 15px 0;
}
.npmSecBox img{
  width: 100%;
  border-radius: 16px;
}
.npmSecBox p span{
  font-family: proxima-bold, arial, sans-serif;
  display: block;
  font-size: 28px;
  margin: 0 0 15px;
}
.npmSecBox p{
  line-height: 1.5;
}
.npmBtnPlace{
  margin: 25px 0 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .npmSecBox p span {
  	font-size: 25px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .npmSec {
  	padding: 80px 0;
  }
  .npmSecBox p span {
  	font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .npmSec {
  	padding: 60px 0;
  }
  .npmSecBox{
    width: 48%;
    margin: 0 0 50px;
  }
  .npmSecBox:nth-child(3),
  .npmSecBox:nth-child(4){
    margin: 0 0 0;
  }
  .npmSecBox p span {
  	font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .npmSec {
  	padding: 60px 0;
  }
  .npmSecWrap {
  	margin: 40px 0 0;
  }
  .npmSecBox{
    width: 100%;
    margin: 0 0 50px;
  }
  .npmSecBox:nth-child(4){
    margin: 0 0 0;
  }
  .npmSecBox p span {
  	font-size: 25px;
  }
}

/*========================================================
    Di Mauro Owner section index
=========================================================*/
.diMaur{
  padding: 65px 0 0;
  background: var(--cream);
}
.diMaurWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.diMaurImg{
  width: 40%;
}
.diMaurImg img{
  width: 100%;
}
.diMaurTxt{
  width: 45%;
  padding-right: 92px;
}
.diMaurTxt h2{
  text-transform: capitalize;
}
.diMaurTxt p{
  margin: 20px 0 0;
  line-height: 1.4;
}
.diMaurNameSignPlace{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 20px 0 0;
}
.diMaurNameSignPlace p span{
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 2px;
}
.diMaurNameSignPlace p{
  font-size: 18px;
}
.diMaurBtnPlace{
  margin: 30px 0 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .diMaurImg {
  	width: 45%;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .diMaurTxt {
  	padding-right: 82px;
  }
  .diMaurTxt {
    width: 43%;
  	padding-right: 50px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .diMaurTxt {
  	width: 45%;
  	padding-right: 0px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .diMaur {
  	padding: 65px 0 50px;
  }
  .diMaurWrap{
    flex-direction: column;
  }
  .diMaurImg {
  	width: 65%;
  }
  .diMaurTxt {
  	width: 93%;
    margin: 30px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .diMaur {
  	padding: 65px 0 50px;
  }
  .diMaurWrap{
    flex-direction: column;
  }
  .diMaurImg {
  	width: 100%;
  }
  .diMaurTxt {
  	width: 100%;
    padding: 0;
    margin: 30px 0 0;
  }
  .diMaurNameSignPlace img {
  	width: 118px;
  }
  .diMaurNameSignPlace p {
  	font-size: 16px;
  }
}

/*========================================================
		Message Us section index
=========================================================*/
.messageSec{
  padding: 140px 0 70px;
}
.messageSec h3{
  margin: 0 0 55px;
  text-align: center;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .messageSec{
    padding: 120px 0 60px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .messageSec {
    padding: 120px 0 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .messageSec {
  	padding: 80px 0 60px;
  }
}
@media only screen and (max-width: 767px) {
  .messageSec {
    padding: 80px 0 40px;
  }
}

/*========================================================
		Testimonials section index
=========================================================*/
.testimSec{
  padding: 70px 0 140px;
}
.testimSec h3{
  text-align: center;
}
.testimWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 60px 0 0;
}
.testimBox{
  background: var(--cream);
  border-radius: 16px;
  padding: 40px;
  text-align: center;
  width: 32%;
}
.testimBox p{
  line-height: 1.5;
}
.testimBox img{
  width: 70px!important;
  margin: 30px auto 0;
}
.testiTitle{
  font-family: proxima-bold, arial, sans-serif;
  margin: 30px 0 0;
}
.testimWrapMob{
  display: none!important;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .testimSec {
  	padding: 60px 0 120px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .testimSec {
  	padding: 60px 0 120px;
  }
  .testimTxt{
    min-height: 135px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .testimSec {
  	padding: 60px 0 80px;
  }
  .testimWrapMob{
    display: block!important;
    max-width: 337px;
    margin: 40px auto 0;
  }
  .testimWrapDesktop{
    display: none!important;
  }
  .testimBox{
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .testimSec {
  	padding: 40px 0 80px;
  }
  .testimWrapMob{
    display: block!important;
    max-width: 337px;
    margin: 40px auto 0;
  }
  .testimWrapDesktop{
    display: none!important;
  }
  .testimBox{
    width: 100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*========================================================
		FOOTER section
=========================================================*/
.footerBg{
  background: var(--foo);
  color: var(--white);
  padding-top: 70px;
}
.footerWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 0 60px;
}
.fooMenu ul li.mlogo,
.fooMenu ul li.mphone,
.fooMenu ul li.maddress,
.fooMenu ul li.mline,
.fooMenu ul li.mphoneLocations,
.fooMenu ul li.mname,
.fooMenu ul li.maddSpaceMobMenu,
.fooMenu ul li.hoursNav,
.fooMenu ul li.msocial{
  display: none;
}
.fooOne{
  width: 40%;
}
.fooTwo{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 48%;
  padding: 40px 0 0;
}
.fooLogo a img {
    width: 165px;
}
.fooCompTitle{
  font-family: proxima-bold, arial, sans-serif;
  font-size: 32px;
  margin: 30px 0 0;
}
.fooCompHistory{
  line-height: 1.5;
  margin: 30px 0 0;
}
.fooMenu ul li.dlink{
  display: inline-block;
  font-size: 21px;
  margin: 0 0 0 30px;
  text-transform: capitalize;
  color: var(--white);
}
.fooMenu ul li.dlink:hover{
  color: var(--lblue);
}
.adrFoo{
  text-align: right;
}
.adrFoo span{
  display: block;
}
.fooPhone{
  margin: 25px 0 0;
}
.fooSocial{
  margin: 25px 0 0;
}
.fooSocial img{
  width: 45px;
  margin-left: 10px;
}
.fcopy {
  border-top: 1px solid var(--white);
  padding: 30px 0 40px;
  font-size: 18px;
  text-align: center;
  color: var(--white);
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .fooOne {
  	width: 43%;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .fooOne {
  	width: 42%;
  }
  .fooTwo {
  	padding: 35px 0 0;
  }
  .fooCompTitle {
  	font-size: 28px;
  }
  .fooMenu ul li.dlink {
    font-size: 18px;
  }
  .fcopy {
  	font-size: 16px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .footerBg {
    padding-top: 60px;
  }
  .footerWrap{
    padding: 0 20px 40px;
  }
  .fooOne{
    width: 44%;
  }
  .fooLogo a img {
  	width: 130px;
  }
  .fooCompTitle {
  	font-size: 28px;
  }
  .fooTwo {
  	padding: 40px 0 0;
  }
  .fooPhone,
  .fooSocial {
  	margin: 30px 0 0;
  }
  .fcopy {
  	font-size: 16px;
  }
    .fooMenu ul li.dlink {
        font-size: 18px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footerBg {
      padding-top: 50px;
  }
  .footerWrap{
    padding: 0 0 40px;
  }
  .fooLogo a img {
  	width: 130px;
  }
  .fooMenu ul li.dlink {
  	font-size: 18px;
    margin: 0 30px 0 0;
  }
  .fooOne,
  .fooTwo{
    width: 78%;
  }
  .fooTwo{
    align-items: flex-start;
    padding: 30px 0 0;
  }
  .adrFoo {
  	text-align: left;
  }
  .fcopy {
  	font-size: 16px;
  }
  .fooSocial {
    margin-top: 30px;
  }
  .fooSocial img {
  	width: 45px;
  	margin-left: 0;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .footerBg {
      padding-top: 40px;
  }
  .footerWrap{
    flex-direction: column;
    padding: 0 0 40px;
    align-items: flex-start;
  }
  .fooOne,
  .fooTwo{
    width: 100%;
  }
  .fooTwo{
    align-items: flex-start;
    padding: 30px 0 0;
  }
  .adrFoo {
  	text-align: left;
  }
  .fooLogo a img {
  	width: 130px;
  }
  .fooCompTitle {
  	font-size: 30px;
  }
  .fooMenu ul li.dlink{
  	font-size: 18px;
    text-align: center;
  }
  .fooMenu ul li.dlink{
    display: block;
    font-size: 19px;
    text-align: left;
    margin: 0 0 15px;
  }
  .fooSocial {
    margin-top: 30px;
  }
  .fooSocial img {
  	width: 45px;
  	margin-left: 0;
    margin-right: 10px;
  }

  .fcopy {
  	font-size: 16px;
    line-height: 1.5;
    padding: 30px 0;
  }
  .fcopy p span{
    display: block;
  }
}

/*========================================================
        Brands Index Section
=========================================================*/
.brandsSec{
  padding: 100px 0;
}
.brandsSecWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.brandSingle{
  background: #f1f0ee;
  padding: 30px 40px;
}
.brandSingle:hover{
  background: var(--new-yellow);
}
.brandSingle img{
  width: 280px;
}
.brandsSec h3{
  text-align: center;
  margin: 0 0 60px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .brandSingle {
  	padding: 25px 5px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .brandsSec {
  	padding: 130px 0 100px;
  }
  .brandSingle {
  	padding: 18px 5px;
  }
  .brandSingle img {
  	width: 250px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .brandsSec {
  	padding: 90px 0 80px;
  }
  .brandSingle {
  	padding: 18px 5px;
  }
  .brandSingle img {
  	width: 165px;
  }
}
@media only screen and (max-width: 1023px){
  .brandsSecWrapDesktop{
    display: none!important;
  }
  .brandsSecWrapMobile{
    display: block;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .brandsSec {
  	padding: 90px 0;
  }
  .brandsSecWrapMobile{
    width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .brandsSec {
  	padding: 90px 0;
  }
  .brandsSecWrapMobile{
    width: 90%;
  }
}
@media only screen  and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*========================================================
    Changing Menu
=========================================================*/
@media only screen and (min-width: 1024px) {

}
/*========================================================
    Mobile Menu
=========================================================*/
@media only screen and (max-width: 1023px) {
  .logoMob,
  .telMob {
    display: inline-block;
  }
  .logoMob img {
    width: 135px;
  }
  .boxesWrap {
    width: 90%;
    height: 80px;
  }
  .boxes {
    height: 80px;
  }
  .three,
  .one {
    display: none;
  }
  .two {
    width: 100%;
    flex-direction: row;
  }
  .logoInMob {
    width: 80%;
  }
  nav {
    width: 20%;
    display: flex;
    align-items: center;
  }
  .telMob,
  .menu {
    width: 50%;
    text-align: right;
  }
  .smobitrigger,
  .mnuclose {
    display: inline-block;
  }
  .smobitrigger {
    color: transparent;
    width: 30%;
    margin: 0 auto;
  }
  .navwrp{
    display: none;
  }
  .smobitrigger {
    background: url("../images/menuopen.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
  }
  .mnuclose {
    background: url("../images/menuclose.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 45px 45px;
    color: transparent;
    height: 45px;
    margin: 0 0 10px 0;
    width: 100%;
    text-align: right;
    display: inline-block;
  }
  .menu ul {
    padding: 0 15px 20px;
    overflow-y: auto;
    margin: 0 auto;
    text-align: left;
  }
  .menu ul li.dlink {
    display: block;
    text-align: left;
    padding: 0;
  }
  .menu li {
    line-height: inherit;
  }
  .menu ul li a {
    font-size: 18px;
  }
  .menu ul li.dlink .orderTopBtn{
    color: var(--white)!important;
    margin-top: 10px;
    padding: 6px 17px;
  }
  .menu ul li.mlogo {
    margin: 20px 0 0;
    display: inline-block;
    text-align: left;
  }
  .menu ul li.mlogo img {
    width: 180px;
    margin: 0 0 30px;
    text-align: left;
  }
  .menu ul li.mphone {
    display: block;
    margin-bottom: 10px;
    text-align: left;
    color: var(--white);
  }
  .menu ul li.mphone span {
    display: block;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
  }
  .menu ul li.mphone a {
    font-size: 26px;
  }
  .directionsCla {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .menu ul li.mline{
    display: block;
    width: 90%;
    border-top: 1px solid var(--bord);
    margin: 20px 0 0;
  }
  .menu ul li.mphoneLocations{
    display: block;
    font-family: proxima-regular, arial, sans-serif;
    font-size: 19px;
    margin: 0 0 20px;
  }
  .menu ul li.mname{
    display: block;
    font-family: proxima-regular, arial, sans-serif;
    font-size: 21px;
    margin: 20px 0 0;
  }
  .menu ul li.maddSpaceMobMenu{
    padding:: 0 0 60px;
  }
  .menu ul li.mbtnPlaceMob{
    display: block;
    margin: 20px 0 0;
  }
  .menu ul li.mbtnPlaceMob .orderTopBtn{
    color: var(--white)!important;
  }

  .menu ul li.maddress {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    text-transform: capitalize;
    margin: 25px auto 15px;
    color: #777;
    text-align: left;
  }
  .menu ul li.maddress span {
    display: block;
  }
  .menu ul li.mhours {
    display: block;
    font-size: 16px;
    line-height: inherit;
    margin: 30px 15px;
    color: #fff;
    font-family: barlowmedium, arial, sans-serif;
  }
  .menu ul li.mhours span {
    display: block;
  }
  .menu ul li.hoursNav{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 18px;
    color: var(--white);
  }
  .menu ul li.hoursNav strong{
    width: 35%;
  }
  .menu ul li.hoursNav .hourCell{
    width: 65%;
  }
  .menu ul li.msocial {
  	display: flex;
  	margin: 35px 0 60px;
  }
  .menu ul li.msocial img {
    width: 45px;
  	margin: 0 10px 0 0;
  }
  .mobimenu {
    padding: 0;
    margin: 0px;
    width: 16.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;
  }

}
@media only screen and (max-width: 767px) {
    .logoInMob {
        width: 70%;
    }
    nav {
        width: 30%;
    }
}
@media only screen and (max-width: 479px) {
    .logoInMob {
        width: 60%;
    }
    nav {
        width: 40%;
    }
}