/*========================================================
	Main Style for Home Watch 2025
=========================================================*/
/* colors declaration */
:root {
    --black: #000;
    --white: #fff;
    --bord: #bab5af;
    --foo: #1a1917;
    --lbrown: #C4AA6B;
    --rect-color: #FBF6ED;
    --txt: #222223;
    --cream: #F8F5F0;
    --top-btn: #302b2f;
}

/* fonts declaration */
@font-face {
    font-family: larken-extra-bold;
    src: url("../fonts/larken-extra-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: 'Roboto', arial, sans-serif;
    color: var(--txt);
    font-size: 20px;
    font-weight: 400;
}
li {
    list-style-type: none;
}
a {
    text-decoration: none;
}
.clear {
    clear: both;
}
.inline-text {
    font-weight: 700;
}
h1, h2, h3 {
  font-family: 'Roboto', arial, sans-serif;
  text-transform: uppercase;
  font-weight: 900;
}
h1{
  font-size: 72px;
}
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: 64px;
    }
    h2,
    h3{
      font-size: 44px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    body {
        font-size: 18px;
    }
    h1{
      font-size: 60px;
    }
    h2,
    h3{
      font-size: 40px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    body {
        font-size: 18px;
    }
    h1{
      font-size: 60px;
    }
    h2,
    h3{
      font-size: 34px;
    }
}
@media only screen and (max-width: 767px) {
    body {
        font-size: 19px;
    }
    h1{
      font-size: 42px;
    }
    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,
.logoInMob img,
.telMob,
.logoMob,
.hoursNav {
    display: none;
}
/* top section  */
.top {
    width: 100%;
    display: block;
    position: static;
}
.boxesWrap {
    width: 75%;
    max-width: 1500px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100px;
}
.boxes {
    height: 100px;
}
.one {
    width: 20%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.one p{
  color: var(--white);
  font-family: larken-extra-bold, arial, sans-serif;
  font-size: 23px;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.topSubP .one p{
  color: var(--white);
}
.topSubP .top{
  background: var(--foo);
  border-bottom: 1px solid #ddd;
}
.one img {
  display: block;
  width: 85px;
  margin-right: 15px;
}
.two {
    width: 57%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.three {
    width: 29%;
    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: 'Roboto', arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  display: flex;
  align-items: center;
  padding-right: 40px;
  min-height: 50px;
}
.topSubP .topTel{
  color: var(--white);
}
.menu ul li.dlink {
  color: var(--white);
    font-family: 'Roboto', arial, sans-serif;
    font-size: 21px;
    font-weight: 400;
    display: inline-block;
    text-transform: capitalize;
    line-height: 1.5;
    padding: 0 20px;
}
.menu ul li.dlink a:hover {
    color: var(--lbrown);
}
.topSubP .menu ul li.dlink {
  color: var(--white);
}
/*.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;
    padding: 0 14px;
  }
  .one img {
      width: 70px;
  }
  .two{
    width: 45%;
  }
  .topTel{
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .boxesWrap {
  	width: 94%;
    height: 80px;
  }
  .one{
    width: 25%;
  }
  .one p{
    font-size: 20px;
  }
  .one img {
  	width: 55px;
  }
  .two {
  	width: 47%;
  }
  .three {
  	width: 33%;
  }
  .menu ul li.dlink {
  	font-size: 18px;
    padding: 0 10px;
  }
  .topTel {
  	background-size: 42px 42px;
  	font-size: 18px;
  	min-height: 50px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1023px) {
  .top{
    background: var(--black);
  }
}
/*========================================================
									Buttons
=========================================================*/
.hwBtn {
  background: var(--lbrown);
  border-radius: 5px;
  color: var(--black);
  cursor: pointer;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  text-transform: capitalize;
  padding: 15px 45px;
}
.hwBtnBanner {
  background: #ffac2a;
  color: var(--black);
}
.orderTopBtn {
  border: 1px solid var(--top-btn);
  border-radius: 5px;
  color: var(--top-btn);
  cursor: pointer;
  display: inline-block;
  font-size: 20px;
  text-align: center;
  text-transform: capitalize;
  padding: 6px 20px;
}
.orderTopBtn:hover{
  color: var(--white);
}
.topSubP .orderTopBtn{
  border: 1px solid var(--white);
  color: var(--white);
}
.topSubP .orderTopBtn:hover{
  border: 1px solid var(--lbrown);
  color: var(--lbrown);
}
@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/home-watch-florida-home-top-banner-darker-center.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.hwSize{
  width: 75%;
  max-width: 1500px;
  margin: 0 auto;
}
.hwCent{
  color: var(--white);
  text-align: center;
  padding: 400px 0 270px;
}
.hwCent h1{
  font-family: larken-extra-bold, arial, sans-serif;
  font-size: 92px;
  text-transform: capitalize;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.hwCent p{
  font-size: 22px;
  margin: 20px 0 0;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.hwCentBtnPlace{
  margin: 40px 0 0;
}
.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) {
  .hwCent {
  	padding: 300px 0 240px;
  }
  .hwCent h1 {
  	font-size: 86px;
  }
  .hwCent p {
  	font-size: 21px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .hwCent {
  	padding: 230px 0 190px;
  }
  .hwSize {
  	width: 88%;
  }
  .hwCent h1 {
  	font-size: 78px;
  }
  .hwCent p {
  	font-size: 19px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .hwCent {
  	padding: 180px 0 150px;
  }
  .hwSize {
  	width: 94%;
  }
  .hwCent h1 {
  	font-size: 78px;
  }
  .hwCent p {
  	font-size: 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hwCent {
  	padding: 180px 0 150px;
  }
  .hwSize {
  	width: 90%;
  }
  .hwCent h1 {
  	font-size: 72px;
  }
  .hwCent p {
  	font-size: 17px;
  }
  .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%;
  }
  .hwCent{
    background: var(--foo);
    padding: 30px 20px 50px;
  }
  .hwCent h1 {
  	font-size: 46px;
  }
  .hwCent p{
    font-size: 20px;
    max-width: 270px;
    margin: 20px auto 0;
  }
  .hwCentBtnPlace{
    margin: 30px 0 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/*========================================================
   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;
}
.hwLRWrapMobile{
  display: none!important;
}
.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%;
    max-width: 600px;
  }
  .hwLRWrapRev .hwTextBox {
  	left: -43%;
    max-width: 600px;
  }
}
@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%;
    max-width: 575px;
  }
  .hwLRWrapRev .hwTextBox {
    left: -52%;
    max-width: 575px;
  }
}
@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 {
    top: 11%;
  	right: -54%;
    max-width: 515px;
    padding: 32px 45px;
  }
  .hwLRWrapRev .hwTextBox {
    top: 11%;
  	left: -54%;
    max-width: 515px;
    padding: 32px 45px;
  }
  .hwTextBox h2 {
  	font-size: 32px;
  }
}
@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: 26px;
  }
  .hwTextBox {
  	max-width: 440px;
  	top: 6%;
  	right: -60%;
    padding: 32px 35px;
  }
  .hwLRWrapRev .hwTextBox {
  	max-width: 440px;
  	top: 6%;
  	left: -60%;
    padding: 32px 35px;
  }
  .hwTextBox p {
    margin: 15px 0 0;
  }
  .hwLRWrapRev .hwTextBox p {
    margin: 15px 0 0;
  }
  .hwTextBtnPlace {
  	margin: 20px 0 0;
  }
}
@media only screen and (min-width: 1100px) and (max-width: 1300px){
  .hwTextBox {
    max-width: 505px;
    top: 14%;
    right: -66%;
    padding: 32px 35px;
  }
  .hwLRWrapRev .hwTextBox {
    max-width: 505px;
    top: 14%;
    left: -66%;
    padding: 32px 35px;
  }
}
@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: 40px 0 0;
  }
  .hwLRWrapDesktop{
    display: none!important;
  }
  .hwLRWrapMobile{
    display: block!important;
    max-width: 337px;
    margin: 0 auto;
  }
  .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;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .hwPage .hwTitle h2 br{
    display: none;
  }
  .hwPage .hwTitle h2 br.showIt{
    display: block;
  }
  .hwLRWrapMobile{
    max-width: 420px;
  }
}

/*========================================================
   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;
}
.compServWrapMobile{
  display: none!important;
}
.compServBox{
  width: 30%;
  text-align: center;
  margin: 70px 0 0;
}
.compServBoxEmpty{
  width: 30%;
}
.compServBox img{
  margin: 0 0 25px;
}
.compServBox p{
  line-height: 1.5;
}
.compServBox p span{
  display: block;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  width: 90%;
  margin: 0 auto 25px;
  text-transform: capitalize;
}
.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) {
  .compServBox p span {
  	font-size: 26px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .compServTitle h2 {
  	font-size: 46px;
  }
  .compServBox p span {
  	font-size: 20px;
    width: 88%;
  }
  .compTel {
  	font-size: 21px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px){
  .compServBox p span {
    font-size: 23px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .compServ{
    padding: 80px 0;
  }
  .compServBox p span {
  	font-size: 19px;
    width: 100%;
  }
  .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: 19px;
  }
  .compTel {
    font-size: 21px;
  }
}
@media only screen and (max-width: 767px) {
  .compServ {
  	padding: 60px 0;
  }
  .compServWrapDesktop{
    display: none!important;
  }
  .compServWrapMobile{
    display: flex!important;
    max-width: 337px;
    margin: 0 auto;
  }
  .compServBox {
  	width: 100%;
    margin: 30px 0 0;
  }
  .compServBox img{
    width: 64px!important;
    margin: 0 auto 25px;
  }
  .compServBox p span {
  	font-size: 21px;
  }
  .compTel {
    font-size: 19px;
    margin-left: 20px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .compServWrapMobile{
    max-width: 420px;
  }
}

/*========================================================
    Naples Property Management section index
=========================================================*/
.npmSec{
  background: #f6f6f6;
  border-top: 1px solid #ddd;
  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;
}
.npmSecWrapMobile{
  display: none!important;
}
.npmSecBox{
  width: 23.8%;
}
.npmText{
  padding: 25px 15px 0;
}
.npmSecBox img{
  width: 100%;
  border-radius: 16px;
}
.npmSecBox p span{
  font-family: 'Roboto', arial, sans-serif;
  display: block;
  font-size: 28px;
  font-weight: 700;
  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;
  }
  .npmSecWrapDesktop{
    display: none!important;
  }
  .npmSecWrapMobile{
    display: flex!important;
    max-width: 337px;
    margin: 40px auto 0;
  }
  .npmSecBox{
    width: 100%;
    margin: 0 0 50px;
  }
  .npmSecBox:nth-child(4){
    margin: 0 0 0;
  }
  .npmSecBox p span {
  	font-size: 25px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .npmSecWrapMobile{
    max-width: 420px;
  }
}

/*========================================================
    Di Mauro Owner section index
=========================================================*/
.diMaur{
  padding: 65px 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;
  }
  .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;
  }
  .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;
  }
}

/*========================================================
		Testimonials section index
=========================================================*/
.testimSec{
  padding: 140px 0;
}
.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: 'Roboto', arial, sans-serif;
  font-weight: 700;
  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: 120px 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .testimSec {
  	padding: 120px 0;
  }
  .testimTxt{
    min-height: 135px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .testimSec {
  	padding: 80px 0;
  }
  .testimWrapMob{
    display: block!important;
    max-width: 700px;
    margin: 40px auto 0;
  }
  .testimWrapDesktop{
    display: none!important;
  }
  .testimBox{
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .testimSec {
  	padding: 60px 0;
  }
  .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) {
  .testimWrapMob {
  	max-width: 420px;
  }
}

/*========================================================
		FAQ section
=========================================================*/
.faqSec{
  max-width: 1330px;
  margin: 0 auto;
  padding: 100px 0;
}
.faqSec h3{
  text-align: center;
}
.faqWrap {
    max-width: 1320px;
    margin: 70px auto 0;
}
.faqBox {
    padding-bottom: 15px;
    border-bottom: 1px solid #f1f1f1;
}
.faqBox .accordion {
  background: transparent;
  color: var(--black);
  cursor: pointer;
  padding: 18px 0 0 0;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 25px;
  font-weight: 700;
  font-family: 'proxima-nova', arial, sans-serif;
  transition: 0.4s;
}

.faqBox .active, .accordion:hover {
  background: transparent;
}

.faqBox .accordion:after {
  content: '\002B';
  color: var(--black);
    background: transparent;
  font-weight: bold;
    font-size: 36px;
  float: right;
  margin-left: 5px;
}

.faqBox .active:after {
  content: "\2212";
    background: transparent;
}

.faqBox .panel {
  padding: 0 18px;
  background: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.faqBox .panel p {
    padding: 0 0 20px 20px;
    font-size: 21px;
}
.faqBtnPlace{
  margin: 70px 0 0;
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .faqWrap {
        width: 70%;
        max-width: 1330px;
        margin-top: 50px;
    }
    .faqBox .accordion {
        font-size: 20px;
    }
    .faqBox .accordion:after {
        font-size: 26px;
    }
    .faqBox .panel p {
        font-size: 17px;
        padding-bottom: 10px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .faqSec {
  	max-width: 962px;
  	margin: 0 auto;
  	padding: 75px 0;
  }
    .faqWrap {
        width: 90%;
        max-width: 1000px;
        margin-top: 50px;
    }
    .faqBox .accordion {
        font-size: 20px;
    }
    .faqBox .accordion:after {
        font-size: 26px;
    }
    .faqBox .panel p {
        font-size: 17px;
        padding-bottom: 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .faqSec{
      width: 90%;
      padding: 65px 0;
    }
    .faqWrap {
        width: 100%;
        margin-top: 50px;
    }
    .faqBox .accordion {
        font-size: 20px;
    }
    .faqBox .accordion:after {
        font-size: 26px;
    }
    .faqBox .panel p {
        font-size: 17px;
        padding-bottom: 10px;
    }
}
@media only screen and (max-width: 767px) {
  .faqSec{
    width: 90%;
    padding: 35px 0 60px;
  }
    .faqWrap {
        width: 100%;
        margin-top: 50px;
    }
    .faqBox .accordion {
        font-size: 20px;
    }
    .faqBox .accordion:after {
        font-size: 26px;
    }
    .faqBox .panel p {
        font-size: 18px;
        padding: 10px 0 20px 20px;
    }
}
@media only screen and (max-width: 479px) {
    .faqBox .accordion {
        font-size: 20px;
        padding: 18px 5px 0 5px;
    }
    .faqBox .panel {
        padding: 0;
    }
}

/*========================================================
    CONTACT page
=========================================================*/
.contactbg {
    padding: 80px 0;
}

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

.contnWrap-center{
    max-width: 850px;
    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: 'proxima-nova', arial, sans-serif;
    font-size: 54px;
    font-weight: 700;
}

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

.contTel {
    font-size: 44px;
    color: var(--black);
    text-align: center;
    padding: 5px 0 25px;
}

.contAdr,
.contHours {
    font-size: 28px;
    line-height: 1.2;
    padding-bottom: 15px;
}
.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;
}

.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: 44px;
    }

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

    .contTel {
        font-size: 36px;
    }

    .contAdr,
    .contHours {
        font-size: 24px;
    }
    .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: 40px;
    }
    .contTel {
        font-size: 34px;
    }
    .contnH2 {
        font-size: 38px;
    }

    .contactbg {
        padding: 50px 0;
    }
    .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;
    }

}

@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: 34px;
    }
    .contTel {
        font-size: 34px;
    }

    .contnH2 {
        font-size: 38px;
    }

    .contactbg {
        padding: 35px 0;
    }

    .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;
    }
    .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 {
        font-size: 34px;
    }

    .contTel {
        font-size: 28px;
    }

    .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;
    }

    .sectionMap iframe {
        height: 300px;
    }
    .contForm {
        margin-bottom: 0;
    }
}

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

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

    .contTel {
        font-size: 28px;
    }

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

    .contForm {
        margin-bottom: 35px;
    }

    .contnWrap {
        margin-bottom: 0;
    }

    .contnWrap-mb-25 { margin-bottom: 25px;}
}

/*========================================================
		Sub-pages Left Right section
=========================================================*/
.lrSec{
  padding: 100px 0;
}
.lrSecServ{
  padding: 60px 0;
}
.lrWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.lrRever{
  flex-direction: row-reverse;
}
.lrLeft,
.lrRight{
  width: 48%;
}
.lrLeftRadius img{
  border-radius: 15px;
}
.lrRight h3{
  font-size: 42px;
}
.lrRight p{
  margin: 20px 0 0;
}
.lrRight p span{
  font-weight: 600;
}
.lrRight ul{
  margin: 30px 0 0;
  padding-left: 10px;
}
.lrRight ul li {
	background: url('../images/index/circle.png') no-repeat;
	background-position: left center;
	background-size: 7px 7px;
	padding: 1px 0 1px 20px;
}
.lrBtnPlace{
  margin: 30px 0 0;
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .lrLeft img {
        width: 100%;
        display: block;
    }
    .lrRight h3 {
       font-size: 36px;
    }
    .lrSec {
        padding: 75px 0;
    }
    .lrSecServ{
      padding: 50px 0;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .lrLeft img {
        width: 100%;
        display: block;
    }
    .lrRight h3 {
       font-size: 36px;
    }
    .lrSec {
        padding: 75px 0;
    }
    .lrSecServ{
      padding: 50px 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
     .lrLeft img {
        width: 100%;
        display: block;
    }
    .lrRight h3 {
       font-size: 36px;
    }
    .lrRight h3 span {
        display: block;
    }
    .lrSec {
        padding: 50px 0;
    }
    .lrSecServ{
      padding: 50px 0;
    }
    .lrWrap {
        flex-direction: column;
    }
    .lrLeft, .lrRight {
        width: 100%;
    }
    .lrRight {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 767px) {
    .lrLeft img {
        width: 100%;
        display: block;
    }
    .lrRight h3 {
       font-size: 32px;
    }
    .lrRight h3 span {
        display: block;
    }
    .lrSec {
        padding: 50px 0;
    }
    .lrSecServ{
      padding: 50px 0;
    }
    .lrWrap {
        flex-direction: column;
    }
    .lrLeft, .lrRight {
        width: 100%;
    }
    .lrRight {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 479px) {
    .lrRight h3 {
        font-size: 32px;
    }
}

/*========================================================
		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: 135px 0 0;
}
.fooLogo a img {
    width: 100px;
}
.fooCompTitle{
  font-family: 'Roboto', arial, sans-serif;
  font-size: 32px;
  font-weight: 700;
  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(--lbrown);
}
.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%;
  }
  .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: 90px;
  }
  .fooCompTitle {
  	font-size: 28px;
  }
  .fooTwo {
  	padding: 125px 0 0;
  }
  .fooPhone,
  .fooSocial {
  	margin: 30px 0 0;
  }
  .fcopy {
  	font-size: 16px;
  }
  .fooMenu ul li.dlink {
      font-size: 18px;
      margin: 0 0 0 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footerBg {
      padding-top: 50px;
  }
  .footerWrap{
    padding: 0 0 40px;
  }
  .fooLogo a img {
  	width: 100px;
  }
  .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;
  }
  .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;
  }
  .fooLogo a img {
  	width: 90px;
  }
  .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;
  }
}

/*========================================================
    Changing Menu
=========================================================*/
@media only screen and (min-width: 1024px) {
  .menu ul{
    background: transparent!important;
  }
}
/*========================================================
    Mobile Menu
=========================================================*/
@media only screen and (max-width: 1023px) {
  .logoMob,
  .telMob {
    display: inline-block;
  }
  .logoMob img {
    width: 70px;
  }
  .boxesWrap {
    width: 90%;
    height: 80px;
  }
  .boxes {
    height: 80px;
  }
  .three,
  .one {
    display: none;
  }
  .two {
    width: 100%;
    flex-direction: row;
  }
  .logoInMob {
    width: 80%;
  }
  .logoInMob p{
    color: var(--white);
    font-family: larken-extra-bold, arial, sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .logoInMob img{
    display: block;
    width: 58px;
    margin-right: 15px;
  }
  nav {
    width: 20%;
    display: flex;
    align-items: center;
  }
  .telMob,
  .menu {
    width: 50%;
    text-align: right;
  }
  .telMob img{
    width: 42px;
  }
  .smobitrigger,
  .mnuclose {
    display: inline-block;
  }
  .smobitrigger {
    color: transparent;
    width: 30%;
    margin: 0 auto;
  }
  .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;
    margin-bottom: 8px;
  }
  .topSubP .menu ul li.dlink {
      display: block!important;
      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: 130px;
    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: 'Roboto', arial, sans-serif;
    font-size: 19px;
    font-weight: 400;
    margin: 0 0 20px;
  }
  .menu ul li.mname{
    display: block;
    font-family: 'Roboto', arial, sans-serif;
    font-size: 21px;
    font-weight: 400;
    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%;
    }
}

/*========================================================
   owl-carousel
=========================================================*/
.owl-dots{
  width: 100%;
  text-align: center;
}
.swipearrows{
  display: none;
}
@media only screen and (max-width: 767px) {
  .swipearrows {
    padding: 5px 0 5px;
    font-size: 16px !important;
    color: var(--orange);
    font-family: arial, sans-serif !important;
    font-weight: 900 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 0 10px;
  }
  .swipeCompServ{
    margin: 40px 0 0;
  }
  .swipestleft {
    margin-right: 5px;
  }
  .swipestright {
    margin-left: 5px;
  }
  .swipestleft,
  .swipestright {
    color: var(--black);
    font-size: 18px;
  }
}

/*========================================================
   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;
}