/*========================================================
	Main Style for Epic RV 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: proxima-regular;
    src: url("../fonts/ProximaNova-Regular.ttf");
}
@font-face {
    font-family: proxima-bold;
    src: url("../fonts/ProximaNova-Bold.ttf");
}
@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: 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: 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,
.telMob,
.logoMob,
.hoursNav {
    display: none;
}
/* top section  */
.topPages{
  background: var(--foo);
}
.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: 15%;
    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;
}
.one img {
  display: block;
  width: 85px;
}
.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;
  padding-right: 40px;
  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;
}

/*.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: 70px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .boxesWrap {
  	width: 94%;
    height: 80px;
  }
  .one p{
    font-size: 20px;
  }
  .one img {
  	width: 70px;
  }
  .two {
  	width: 53%;
  }
  .three {
  	width: 32%;
  }
  .menu ul li.dlink {
  	font-size: 18px;
    padding: 0 10px;
  }
  .topTel {
  	background-size: 42px 42px;
  	font-size: 18px;
  	min-height: 50px;
    padding-right: 30px;
  }
}
@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);
}
.topPages .orderTopBtn{
  border: 1px solid var(--white);
  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/mobile-rv-repair-bg.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;
    line-height: 1.2;
  }
  .hwCent p{
    font-size: 20px;
    max-width: 270px;
    margin: 20px auto 0;
  }
  .hwCentBtnPlace{
    margin: 30px 0 0;
  }
}

/*========================================================
   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;
}
.hwTextBox ul{
  margin: 20px 0 0;
}
.hwTextBox ul li{
  line-height: 1.5;
  list-style-position: inside;
  list-style-type: disc;
}
.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: 54%;
  }
  .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;
  }
  .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;
  }
}

/*========================================================
   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;
}
.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;
  }
  .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: 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;
}
.npmSecWrapMobile{
  display: none!important;
}
.npmSec h2 br{
  display: none;
}
.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;
  }
  .npmSec h2 br{
    display: block;
  }
  .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;
  }
}

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

/*========================================================
		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-family: proxima-bold, 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: 65px 0;
  }
    .faqWrap {
        width: 100%;
        margin-top: 50px;
    }
    .faqBox .accordion {
        font-size: 20px;
    }
    .faqBox .accordion:after {
        font-size: 26px;
    }
    .faqBox .panel p {
        font-size: 18px;
        padding-bottom: 10px;
    }
}
@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-bold, arial, sans-serif;
    font-size: 54px;
}

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

/*========================================================
		Gallery pages
=========================================================*/
.gaPages{
  padding: 60px 0 80px;
}
.galBox {
    width: 100%;
    margin: 60px auto 0;
    overflow: hidden;
}

.galleria {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.itemg {
    width: 32%;
    margin-bottom: 15px;
}

.itemg img {
    width: 100%;
    border-radius: 15px;
    display: block;
}
.itemgEmpty{
  width: 32%;
}
.galleria .itemg p {
    padding: 20px 10px;
    font-size: 21px;
    line-height: 1.5;
    margin-bottom: 60px;
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .gaPages{
    padding: 60px 0;
  }
  .galBox {
      margin: 30px auto 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .gaPages {
  	padding: 40px 0 60px;
  }
  .galBox {
      margin: 30px auto 0;
  }
  .itemg {
      width: 49%;
  }
  .itemgEmpty{
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .gaPages {
  	padding: 40px 0 50px;
  }
  .galBox {
      width: 100%;
      margin: 30px auto 0;
  }
  .itemg {
      width: 100%;
  }
  .itemgEmpty{
    display: none;
  }
  .galleria {
      flex-direction: column;
  }
}

/*========================================================
		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: 145px 0 0;
}
.fooLogo a img {
    width: 100px;
}
.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(--lbrown);
}
.adrFoo{
  margin: 25px 0 0;
  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%;
  }
  .fooCompTitle {
  	font-size: 28px;
  }
  .fooTwo{
    padding: 135px 0 0;
  }
  .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 0 40px;
  }
  .fooOne{
    width: 44%;
  }
  .fooLogo a img {
  	width: 90px;
  }
  .fooCompTitle {
  	font-size: 28px;
  }
  .fooTwo{
    width: 53%;
  }
  .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: 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;
  }
  .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%;
  }
  .adrFoo{
    text-align: left;
  }
  .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) {
  nav .menu .mobimenu{
    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: 34px;
    text-transform: uppercase;
  }
  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;
  }
  .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: 10px;
  }
  .menu li {
    line-height: inherit;
  }
  .menu ul li a {
    font-size: 20px;
  }
  .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: 145px;
    margin: 0 0 30px;
    text-align: left;
  }
  .menu ul li.mphone {
    display: block;
    margin-bottom: 30px;
    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%;
    }
}

/*========================================================
   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(--lbrown);
    font-family: arial, sans-serif !important;
    font-weight: 900 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 0 10px;
  }
  .swipeRVmaintenance{
    margin: 40px 0 0;
  }
  .swipestleft {
    margin-right: 5px;
  }
  .swipestright {
    margin-left: 5px;
  }
  .swipestleft,
  .swipestright {
    color: var(--lbrown);
    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;
}