/*========================================================
										Fonts Declaration
=========================================================*/
/*@font-face {*/
/*    font-family: barlowregular;*/
/*    src: url("../fonts/Barlow-Regular.ttf");*/
/*}*/

/*@font-face {*/
/*    font-family: barlowsemibold;*/
/*    src: url("../fonts/Barlow-SemiBold.ttf");*/
/*}*/

/*@font-face {*/
/*    font-family: barlowbold;*/
/*    src: url("../fonts/Barlow-Bold.ttf");*/
/*}*/

/*@font-face {*/
/*    font-family: barlowmedium;*/
/*    src: url("../fonts/Barlow-Medium.ttf");*/
/*}*/

/*@font-face {*/
/*    font-family: barlowblack;*/
/*    src: url("../fonts/Barlow-Black.ttf");*/
/*}*/

/*@font-face {*/
/*    font-family: droid;*/
/*    src: url("../fonts/DroidSerif.ttf");*/
/*}*/

/*@font-face {*/
/*    font-family: barricada;*/
/*    src: url("../fonts/barricada.ttf");*/
/*}*/
/* @font-face {
  font-family: "BarlowRegular";
  src: url("../fonts/Barlow-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
} */

/* @font-face {
  font-family: "BarlowSemiBold";
  src: url("../fonts/Barlow-SemiBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
} */
/* @font-face {
  font-family: "BarlowBold";
  src: url("../fonts/Barlow-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
} */

/* @font-face {
  font-family: "BarlowMedium";
  src: url("../fonts/Barlow-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
} */

@font-face {
  font-family: "BarlowBlack";
  src: url("../fonts/Barlow-Black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Droid";
  src: url("../fonts/DroidSerif.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Barricada";
  src: url("../fonts/barricada.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* @font-face {
  font-family: "graphiksemi";
  src: url("../fonts/graphik-semibold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
} */
/* @font-face {
  font-family: "graphikbold";
  src: url("../fonts/graphik-bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
} */
/* @font-face {
  font-family: "graphikm";
  src: url("../fonts/graphik-medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
} */
/* @font-face {
  font-family: "graphikr";
  src: url("../fonts/graphik-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
} */
@font-face {
  font-family: "amster";
  src: url("../fonts/amsterdamkingdom-italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ftyspeed";
  src: url("../fonts/ftyspeedycasual001ncv.otf");
}
@font-face {
  font-family: barricada-pro;
  src: url("../fonts/barricada.ttf");
}
/* colors declaration */
:root {
  --main-text: #000;
  --yellow-main: #fdcb19;
  --blue-main: #00baff;
  --white: #fff;
  --rv-blue: #03669c;
  --yellow-restaurants: #ffeb00;
  --red-color: #df133a;
  --frame-gray: #f5f5f5;
  --gray: #272727;
  --light-gray: #999;
  --bluebann: #1557a3;
  --yellowbtn: #fdb419;
  --divider: #1755a0;
  --divider-yellow: #fecb1a;
  --bann-btn: #ffc712;
  --border-table: #a9a9a9;
  --lightblue: #89b4d4;
  --rvnblue: #1f499d;
  --newblue: #1E499D;
}

/*========================================================
					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,
form,
label,
legend,
caption,
article,
aside,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}

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

h1,
h2,
h3,
a,
li,
button {
  text-transform: capitalize;
}

.container {
  max-width: 1920px;
  /* width: 1366px; */
  margin: 0 auto;
  padding: 0 30px;
}

.pageFull {
  width: 100%;
  /*padding: 8px 0;*/
  margin: 0 auto;
}

.bodyFrame {
  width: 100%;
  margin: 0 auto;
}

.cloudsPageMob {
  display: none;
}
.rvcontainer {
    max-width: 1920px;
    margin: 0 auto;
}
@media only screen and (min-width: 2561px) {
  .bodyFrame {
    width: 2560px;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .rvcontainer {
        max-width: 1720px;
    }
}
@media only screen and (max-width: 1919px) {
    .rvcontainer {
        max-width: 90%;
    }
}
@media only screen and (min-width: 480px) and (max-width: 2559px) {
  .container {
    max-width: 90%;
    padding: 0;
  }
}

@media only screen and (max-width: 479px) {
  .container {
    max-width: 95%;
    padding: 0;
  }
}

/*========================================================
					Banner
=========================================================*/
.sFirstMob,
.banngooMob,
.bannmainMob,
.ixbannMob {
  display: none;
}
.sFirst {
  background: url("../images/indexnew/webmaster-index-banner.webp");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1000px;
  width: 100%;
}
.bannMainWrap {
  width: 1920px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  height: 1014px;
  position: relative;
}
.bannernewImg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 560px;
}
.bannSmall {
  text-align: center;
  padding-top: 220px;
}
.bannSmall h1 {
  font-size: 96px;
  text-transform: none;
  font-family: graphikbold, arial, sans-serif;
  line-height: 1;
  text-align: left;
  color: var(--main-text);
  margin-bottom: 25px;
}
.bannh1sp1 {
  font-size: 96px;
  font-family: amster, arial, sans-serif;
  color: var(--bluebann);
  text-transform: none;
  font-weight: 400;
}
.bannh1sp2 {
  display: block;
}
.newSpan {
  line-height: 1.5;
}
.bannprice {
  font-size: 130px;
  font-family: graphiksemi, arial, sans-serif;
  color: var(--main-text);
  text-align: left;
  line-height: 1;
}
.bannprice span {
  font-size: 56px;
  font-family: graphikbold, arial, sans-serif;
}
.bannsetup {
  font-size: 42px;
  font-family: graphiksemi, arial, sans-serif;
  color: var(--bluebann);
  margin-top: 10px;
  text-align: left;
}
.bannBtnWrap {
  text-align: left;
  margin-top: 60px;
}
.bannBtn {
  display: inline-block;
  cursor: pointer;
  background: var(--bann-btn);
  border-radius: 50px;
  padding: 15px 70px;
  font-family: barlowbold, arial, sans-serif;
  font-size: 44px;
  line-height: 1.7;
  color: var(--main-text);
  text-transform: capitalize;
}
.bannBtn span {
  color: var(--bluebann);
  font-family: amster, arial, sans-serif;
  font-size: 30px;
}

#review-wrap {
  max-width: 1800px;
  margin: 0 auto;
  margin-top: 70px;
}

#review-wrap .owl-item {
  width: 300px;
}

#review-wrap .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  #review-wrap {
    max-width: 1700px;
  }
  .bannMainWrap {
    width: 1700px;
  }
  .bannSmall h1,
  .bannh1sp1 {
    font-size: 86px;
  }
  .banns1 {
    padding-top: 20px;
  }
  .banns1,
  .banns2 {
    font-size: 64px;
  }
  .bannprice {
    font-size: 106px;
  }
  .bannprice span {
    font-size: 46px;
  }
  .bannsetup {
    font-size: 34px;
  }
  .bannBtn {
    padding: 10px 55px;
    font-size: 32px;
  }
  .sFirst,
  .bannMainWrap {
    height: 820px;
  }
  .bannernewImg {
    width: 500px;
  }
  .bannSmall {
    padding-top: 180px;
  }
}
@media only screen and (min-width: 2260px) and (max-width: 2559px) {
  .sFirst,
  .bannMainWrap {
    height: 960px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  #review-wrap {
    max-width: 1360px;
  }
  .bannMainWrap {
    width: 90%;
  }
  .bannMainWrap {
    width: 90%;
  }
  .bannSmall h1,
  .bannh1sp1 {
    font-size: 60px;
  }
  .bannSmall h1 {
    margin-bottom: 20px;
  }
  .banns1 {
    padding: 10px 10px 5px;
  }
  .banns1,
  .banns2 {
    font-size: 48px;
  }
  .bannprice {
    font-size: 86px;
  }
  .bannprice span {
    font-size: 34px;
  }
  .bannsetup {
    font-size: 27px;
    margin-top: 0;
  }
  .bannBtn {
    padding: 15px 55px;
    font-size: 24px;
  }
  .bannBtn span {
    font-size: 18px;
  }
  .sFirst,
  .bannMainWrap {
    height: 670px;
  }
  .bannernewImg {
    width: 350px;
  }
  .bannSmall {
    padding-top: 110px;
  }
}
@media only screen and (min-width: 1800px) and (max-width: 1919px) {
  .sFirst,
  .bannMainWrap {
    height: 800px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  #review-wrap {
    max-width: 970px;
  }
  .bannMainWrap {
    width: 90%;
  }
  .bannMainWrap {
    width: 90%;
  }
  .bannSmall h1,
  .bannh1sp1 {
    font-size: 46px;
  }
  .bannSmall h1 {
    margin-bottom: 20px;
  }
  .bannprice {
    font-size: 76px;
  }
  .bannprice span {
    font-size: 30px;
  }
  .bannsetup {
    font-size: 23.5px;
    margin-top: 0;
  }
  .bannsh1 {
    line-height: 32px;
    padding: 0 10px 5px;
  }
  .banns1 {
    padding-top: 20px;
  }
  .banns1,
  .banns2 {
    font-size: 36px;
  }
  .bannBtn {
    padding: 15px 45px;
    font-size: 22px;
  }
  .bannBtn span {
    font-size: 18px;
  }
  .bannBtnWrap {
    margin-top: 45px;
  }
  .sFirst,
  .bannMainWrap {
    height: 500px;
  }
  .bannernewImg {
    width: 250px;
  }
  .bannSmall {
    padding-top: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #review-wrap {
    max-width: 728px;
  }
  .bannMainWrap {
    width: 90%;
  }
  .bannSmall h1,
  .bannh1sp1 {
    font-size: 43px;
  }
  .bannSmall h1 {
    margin-bottom: 20px;
  }
  .bannprice {
    font-size: 66px;
  }
  .bannprice span {
    font-size: 28px;
  }
  .bannsetup {
    font-size: 21px;
    margin-top: 0;
  }
  .bannBtnWrap {
    margin-top: 35px;
  }
  .bannBtn {
    padding: 15px 45px;
    font-size: 21px;
  }
  .bannBtn span {
    font-size: 18px;
  }
  .bannsh1 {
    padding: 0 10px 5px;
  }
  .banns1 {
    padding-top: 0;
  }
  .banns1,
  .banns2 {
    font-size: 36px;
  }

  .sFirst,
  .bannMainWrap {
    height: 400px;
  }
  .bannernewImg {
    width: 300px;
  }
  .bannSmall {
    padding-top: 50px;
    width: 60%;
  }
}

@media only screen and (max-width: 767px) {
  #review-wrap {
    max-width: 350px;
    margin-top: 0;
  }
  .sFirstMob {
    display: inline-block;
    padding-top: 30px;
  }
  .bannMainWrap {
    width: 100%;
    justify-content: center;
  }
  .bannSmall {
    display: none;
  }
  .bannBtn {
    padding: 15px 45px;
    font-size: 23px;
    width: 100%;
    max-width: 300px;
  }
  .bannBtn span {
    font-size: 26px;
  }
  .sFirst {
    display: none;
  }
  .ixbannMob {
    display: block;
    width: 100%;
  }
  .bannMobbg {
    padding: 50px 0;
  }
  .bannMob {
    width: 85%;
    margin: 0 auto;
  }
  .bannernewImg {
    width: 300px;
  }
  .bannMob h2 {
    text-align: left;
    text-transform: none;
    font-family: graphikbold, arial, sans-serif;
    line-height: 1;
    color: var(--main-text);
    margin-bottom: 25px;
    font-size: 50px;
  }

  .bannh1sp1 {
    font-size: 55px;
  }
  .bannprice {
    font-size: 86px;
    text-align: left;
  }
  .bannprice span {
    font-size: 28px;
  }
  .bannsetup {
    font-size: 24.5px;
    margin-top: 0;
    text-align: left;
  }
  .bannMobBtn {
    margin-top: 35px;
  }
  .bannmainMob {
    display: inline-block;
  }
  .bannmainMob h2 {
    text-align: center;
    padding-top: 90px;
  }
  .bannh1sp2 {
    margin: 10px auto;
  }
}

@media only screen and (max-width: 479px) {
  .bannMobbg {
    padding: 35px 0 50px;
  }
  .bannprice span,
  .bannsetup {
    font-size: 23px;
  }
}

/*========================================================
					Banner Index new
=========================================================*/
.banIndex{
  background: #F7F8FB;
  padding: 100px 0;
}
.banIndSize{
  width: 75%;
  margin: 0 auto;
  max-width: 1920px;
}
.banIndWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.banIndLeft{
  width: 37%;
}
p.banFull{
  font-family: graphikr, arial, sans-serif;
  font-size: 27px;
  text-transform: uppercase;
  margin: 20px 0 0;
}
p.banFull span{
  color: var(--newblue);
}
.banIndLeft h1{
  font-family: graphikbold, arial, sans-serif;
  font-size: 84px;
  margin: 30px 0 0;
}
.banIndLeft h1 span{
  color: var(--newblue);
}
p.banDescr{
  font-family: graphikr, arial, sans-serif;
  font-size: 28px;
  line-height: 1.3;
  margin: 40px 0 0;
}
.stRevs{
  background: var(--white);
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 10px 0;
  margin: 40px 0 0;
}
.stRevs a{
  text-transform: uppercase;
}
.stRevDigit{
  margin-right: 30px;
}
.stRevDigit p{
  font-family: graphikbold, arial, sans-serif;
  font-size: 102px;
}
.stRevDigit p span{
  font-family: graphiksemi, arial, sans-serif;
}
.stRevText p{
  font-family: graphikbold, arial, sans-serif;
  font-size: 37px;
  text-transform: uppercase;
}
.stRevText p span{
  font-family: graphiksemi, arial, sans-serif;
}
.stRevText img{
  width: 200px;
}
.newBanbtns{
  margin: 50px 0 0;
}
.hideInDesktop{
  display: none!important;
}
.banIndImgRight{
  width: 100%;
  max-width: 910px;
  height: auto;
  border-radius: 15px;
}
/* Custom styling for Swiper pagination */
.swiper .banIndImgRight {
  position: relative!important;
}

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

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

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

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

  .swiper-pagination-bullet-active {
    background-color: #1E499D!important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .banIndLeft{
    max-width: 442px;
  }
  .banIndLeft h1 {
  	font-size: 48px;
  }

}
@media only screen and (max-width: 479px) {
  .newBanbtns .rvnBtn{
    margin-right: 0;
  }
  p.banDescr br{
    display: none;
  }
  .newBanbtns a{
    max-width: 165px!important;
  }
  .newBanbtns .rvnBtn,
  .newBanbtns .skilledBtn {
  	font-size: 16px;
  	padding: 15px 12px;
  }
}

/*========================================================
					Divider under banner Index
=========================================================*/
.divUndBan {
  background: var(--divider);
  padding: 90px 0;
  text-align: center;
}
.divUndBanSize {
  width: 90%;
  margin: 0 auto;
}
.divUndBan h2 {
  color: var(--yellow-main);
  font-family: barlowbold, arial, sans-serif;
  font-size: 64px;
  line-height: 1.1;
  text-transform: capitalize;
}
.divUndBan p {
  color: var(--white);
  font-family: barlowregular, arial, sans-serif;
  font-size: 32px;
  text-transform: capitalize;
  margin: 20px 0 0;
}
.divUndBanBtnPlace {
  margin: 40px 0 0;
}
.divUndBanBtnPlace .ecomBtn span {
  font-family: BarlowSemiBold, arial, sans-serif;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .divUndBan h2 {
    font-size: 54px;
  }
  .divUndBan p {
    font-size: 30px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .divUndBan {
    padding: 50px 0;
  }
  .divUndBan h2 {
    font-size: 38px;
  }
  .divUndBan p {
    font-size: 22px;
    margin-top: 10px;
  }
  .divUndBanBtnPlace {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .divUndBan {
    padding: 35px 0;
  }
  .divUndBan h2 {
    font-size: 30px;
  }
  .divUndBan p {
    font-size: 21px;
    margin-top: 10px;
  }
  .divUndBanBtnPlace {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .divUndBan {
    padding: 40px 0;
  }
  .divUndBan h2 {
    font-size: 44px;
  }

  .divUndBan p {
    font-size: 19px;
    margin: 10px 0 0;
  }
  .divUndBanBtnPlace {
    margin: 0 0 0;
  }
  .divUndBanBtnPlace .ecomBtn {
    width: 80%;
    margin-top: 25px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
@media only screen and (max-width: 479px) {
  .divUndBan h2 span {
    display: block;
  }
}

/*========================================================
					Second Section
=========================================================*/
.belowBanBoxesMob {
  display: none !important;
}
.contMob {
  background: #0b5ab0;
}
.wrapContent {
  padding: 70px 0 35px;
  display: flex;
  flex-direction: row;
}
.wrapInfo {
  text-align: center;
  width: 100%;
}
.wrapInfo h2 {
  font-size: 58px;
  line-height: 1.3;
  text-align: center;
  text-transform: capitalize;
  font-family: barlowbold, arial, sans-serif;
  color: var(--white);
}
.wrapinfop {
  font-size: 28px;
  margin: 30px auto 35px;
  line-height: 1.4;
  font-family: barlowmedium, arial, sans-serif;
  width: 1300px;
  color: var(--white);
}
.capitAl {
  display: block;
  text-transform: capitalize;
  margin: 0 0 10px;
}
.wrapInfo ul {
  display: flex;
  justify-content: space-between;
}
.belowBanBoxes {
  margin: 120px auto 120px;
  width: 1300px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.belowBanBox {
  width: 30%;
  text-align: center;
  display: flex;
  flex-direction: column;
  background: var(--frame-gray);
  padding: 50px;
  border-radius: 25px;
}
.belowBanBox h3 {
  font-size: 58px;
  line-height: 1;
  text-align: center;
  text-transform: capitalize;
  font-family: barlowbold, arial, sans-serif;
}
.belowbanh3one {
  line-height: 2 !important;
}
.belowBanBox p {
  font-size: 24px;
  font-family: barlowmedium, arial, sans-serif;
  line-height: 1.3;
  padding: 20px 0;
}
.feltSolutions {
  background: var(--yellow-main);
  border-radius: 16px;
  width: 280px;
  height: auto;
  display: inline-block;
  padding: 0 5px 5px;
  line-height: 0.9;
}
.feltWebsite {
  /*color: var(--main-text);
    background: var(--yellow-main);
    padding: 0 15px 5px;
    border-radius: 25px;*/
  color: var(--yellow-main);
  line-height: 0.8;
  text-transform: capitalize;
}
.belowbanBtnWrap {
  margin-top: auto;
}
.belowbanBtn {
  background: var(--yellow-main);
  border-radius: 50px;
  padding: 15px 50px;
  display: inline-block;
  cursor: pointer;
  font-size: 26px;
  font-family: barlowbold, arial, sans-serif;
  color: var(--main-text);
  text-transform: capitalize;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .wrapInfo h2 {
    font-size: 50px;
  }
  .feltSolutions {
    width: 230px;
  }
  .wrapInfo p {
    font-size: 24px;
  }
  .wrapContent {
    padding-top: 100px;
  }
  .belowBanBoxes {
    width: 1100px;
  }
  .belowBanBox h3 {
    font-size: 44px;
  }
  .belowbanBtn {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .wrapContent {
    padding: 90px 0 70px;
    max-width: 1170px;
    margin: 0 auto;
  }
  .wrapInfo h2 {
    font-size: 36px;
  }
  .feltSolutions {
    width: 166px;
  }
  .wrapInfo p {
    font-size: 18px;
    margin: 15px auto 30px;
    width: 640px;
  }
  .belowBanBoxes {
    width: 960px;
    padding-top: 50px;
  }
  .belowBanBox h3 {
    font-size: 32px;
  }
  .belowBanBox p {
    width: 100% !important;
  }
  .belowbanBtn {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .wrapContent {
    padding-top: 70px;
  }
  .wrapInfo h2 {
    font-size: 30px;
  }
  .feltSolutions {
    width: 150px;
  }
  .wrapInfo p {
    font-size: 18px;
    margin: 20px auto 35px;
    width: 600px;
  }
  .belowBanBoxes {
    width: 860px;
    padding-top: 30px;
  }
  .belowBanBox h3 {
    font-size: 28px;
  }
  .belowBanBox p {
    width: 100% !important;
  }
  .belowbanBtn {
    font-size: 16px;
  }
  .belowBanBox h3 span {
    display: block;
  }
  .belowBanBox {
    padding: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .wrapContent {
    padding: 50px 0;
    flex-direction: column;
  }
  .wrapImg,
  .wrapInfo {
    width: 100%;
  }
  .wrapInfo {
    padding-left: 0;
  }
  .wrapInfo h2 {
    font-size: 36px;
  }
  .feltSolutions {
    width: 170px;
  }
  .wrapInfo p {
    font-size: 18px;
    margin: 20px auto 30px;
    width: 90%;
  }
  .belowBanBoxes {
    width: 660px;
    padding-top: 30px;
  }
  .belowBanBox h3 {
    font-size: 28px;
  }
  .belowBanBox p {
    width: 100% !important;
  }
  .belowbanBtn {
    font-size: 16px;
    padding: 15px 30px;
  }
  .belowBanBox h3 span {
    display: block;
  }
  .belowBanBox {
    padding: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .contMob {
    background: var(--frame-gray);
    padding-top: 35px;
  }
  .wrapContent {
    flex-direction: column;
    padding: 0 0 25px;
  }
  .wrapImg,
  .wrapInfo {
    width: 100%;
  }
  .wrapInfo {
    padding-left: 0;
  }
  .wrapInfo h2 {
    font-size: 36px;
  }
  .feltSolutions {
    width: 176px;
  }
  .wrapInfo p {
    font-size: 18px;
    margin: 20px auto;
    width: 90%;
  }
  .belowBanBoxes {
    width: 100%;
    padding-top: 30px;
  }
  .belowBanBox h3 {
    font-size: 28px;
  }
  .belowBanBox p {
    width: 100% !important;
  }
  .belowbanBtn {
    font-size: 16px;
    padding: 15px 30px;
  }
  .belowBanBox h3 span {
    display: block;
  }
  .belowBanBox {
    padding: 20px;
    background: var(--white);
    border-radius: 25px;
    box-shadow: 4px 4px 11px -4px rgba(0, 0, 0, 0.3);
    width: 100%;
    max-width: 300px;
    margin: 10px auto;
  }
  .belowBanBoxes {
    display: none;
  }
  .belowBanBoxesMob {
    display: inline-block !important;
  }
}

@media only screen and (max-width: 479px) {
  .wrapInfo h2 {
    font-size: 40px;
  }
  .wrapInfo p {
    margin-bottom: 35px;
  }
  .belowBanBox {
    width: 280px;
  }
  .belowsp1 {
    display: block;
  }
}
/*========================================================
					Third Section NEW
=========================================================*/
.indexDiv {
  background: var(--divider-yellow);
  padding: 70px 0;
}
.indexDivWrap {
  width: 60%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.indexDivLeft,
.indexDivRight {
  width: 50%;
}
.indexDivLeft {
  padding-right: 80px;
  border-right: 1px solid #000;
}
.indexDivRight {
  padding-left: 80px;
}
.indexDivLeft h3 {
  background: var(--bluebann);
  padding: 14px 35px;
  font-size: 41px;
  font-family: barlowbold, arial, sans-serif;
  text-transform: uppercase;
  color: var(--white);
  border-radius: 25px;
  text-align: center;
}
.indexDivLeft p {
  font-family: barlowbold, arial, sans-serif;
  text-transform: uppercase;
  font-size: 36px;
  color: var(--main-text);
  padding-top: 10px;
  text-align: center;
}
.indexDivLeft p img {
  vertical-align: bottom;
}
.idivPhone {
  font-size: 82px;
  line-height: 0.9;
  font-family: barlowbold, arial, sans-serif;
  color: var(--bluebann);
}
.idivHours {
  font-size: 36px;
  font-family: barlowbold, arial, sans-serif;
  text-transform: uppercase;
  color: var(--main-text);
  padding-top: 12px;
}
.idivImg {
  position: absolute;
  right: -300px;
  bottom: -50px;
  width: 220px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .idivImg {
    right: -250px;
  }
  .indexDivWrap {
    width: 66%;
  }
  .indexDivLeft h3 {
    font-size: 32px;
  }
  .indexDivLeft p {
    font-size: 30px;
  }
  .idivHours {
    font-size: 30px;
    padding-top: 12px;
  }
  .idivPhone {
    font-size: 69px;
  }
}
@media only screen and (min-width: 2401px) and (max-width: 2558px){
  .indexDivLeft h3 {
  	font-size: 38px;
  }
}
@media only screen and (min-width: 2010px) and (max-width: 2400px){
  .indexDivLeft h3 {
  	font-size: 34px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .idivImg {
    right: -40px;
    width: 120px;
    bottom: -20px;
  }
  .indexDivWrap {
    width: 90%;
    max-width: 1170px;
  }
  .indexDivLeft h3 {
    font-size: 23px;
    padding: 15px 35px;
  }
  .indexDivLeft {
    padding-left: 90px;
  }
  .indexDivLeft p {
    font-size: 26px;
  }
  .indexDivLeft img {
    width: 26px;
  }
  .idivPhone {
    font-size: 60px;
  }
  .idivHours {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .idivImg {
    right: -40px;
    width: 120px;
    bottom: -20px;
  }
  .indexDivWrap {
    width: 90%;
    max-width: 922px;
  }
  .indexDivLeft h3 {
    font-size: 18px;
  }
  .indexDivLeft {
    padding-left: 40px;
  }
  .indexDivLeft p {
    font-size: 22px;
  }
  .indexDivLeft img {
    width: 19px;
  }
  .idivPhone {
    font-size: 42px;
  }
  .idivHours {
    font-size: 18px;
  }
  .indexDiv {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .idivImg {
    display: none;
  }
  .indexDivWrap {
    width: 90%;
    max-width: 690px;
  }
  .indexDivLeft h3 {
    font-size: 15px;
  }
  .indexDivLeft {
    padding-left: 0;
    padding-right: 40px;
  }
  .indexDivLeft p {
    font-size: 19px;
  }
  .indexDivLeft img {
    width: 17px;
  }
  .indexDivRight {
    padding-left: 40px;
  }
  .idivPhone {
    font-size: 42px;
  }
  .idivHours {
    font-size: 18px;
  }
  .indexDiv {
    padding: 35px 0;
  }
}
@media only screen and (max-width: 767px) {
  .idivImg {
    display: none;
  }
  .indexDivWrap {
    width: 90%;
    flex-direction: column;
  }
  .indexDivLeft,
  .indexDivRight {
    width: 100%;
  }
  .indexDivLeft h3 {
    max-width: 300px;
    margin: 0 auto;
  	padding: 10px 15px;
  	font-size: 30px;
    line-height: 1.1;
    text-align: center;
  }
  .indexDivLeft h3 span{
    display: block;
  }
  .indexDivLeft {
    padding-left: 0;
    padding-right: 0;
    border-right: none;
  }
  .indexDivLeft p {
    font-size: 28px;
    text-align: center;
  }
  .indexDivLeft img {
    width: 18px;
  }
  .indexDivRight {
    padding-left: 0;
    padding-top: 15px;
  }
  .idivPhone {
    font-size: 42px;
    text-align: center;
  }
  .idivHours {
    font-size: 18px;
    text-align: center;
  }
  .indexDiv {
    padding: 35px 0;
  }
}
@media only screen and (max-width: 479px) {
  .indexDivLeft img {
    width: 17px;
  }
}
/*========================================================
					Fourth Section NEW
=========================================================*/
.indexWebsites {
  background: url("../images/indexnew/custom-website-bg.webp");
  background-size: cover;
  text-align: center;
}
.indexWebIns {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding-top: 100px;
}
.indexWebIns h3 {
  font-size: 64px;
  line-height: 1.1;
  text-transform: capitalize;
  font-family: barlowbold, arial, sans-serif;
}
.indexWebIns img {
  width: 100%;
  margin: 50px auto 0;
  max-width: 1600px;
}
.indexWebBtnWrap {
  text-align: center;
  padding-bottom: 75px;
}
.btnCustom {
  background: var(--bluebann);
  border-radius: 50px;
  padding: 20px 60px;
  display: inline-block;
  cursor: pointer;
  font-size: 30px;
  font-family: barlowbold, arial, sans-serif;
  color: var(--white);
  text-transform: capitalize;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .indexWebIns h3 {
    font-size: 56px;
  }
  .indexWebIns {
    padding-top: 70px;
  }
  .btnCustom {
    font-size: 21px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .indexWebIns h3 {
    font-size: 44px;
  }
  .indexWebIns {
    padding-top: 40px;
  }
  .btnCustom {
    font-size: 18px;
    padding: 20px 55px;
  }
  .indexWebIns img {
    max-width: 1200px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .indexWebIns h3 {
    font-size: 30px;
  }
  .indexWebIns {
    padding-top: 40px;
  }
  .btnCustom {
    font-size: 18px;
    padding: 15px 45px;
  }
  .indexWebIns img {
    max-width: 980px;
  }
  .indexWebBtnWrap {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .indexWebIns h3 {
    font-size: 30px;
  }
  .indexWebIns {
    padding-top: 35px;
  }
  .btnCustom {
    font-size: 18px;
    padding: 15px 45px;
  }
  .indexWebIns img {
    max-width: 720px;
  }
  .indexWebBtnWrap {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .mobSize{
    width: 90%;
    margin: 0 auto;
  }
  .indexWebIns h3 {
    font-size: 30px;
  }
  .indexWebIns h3 span{
    display: block;
  }
  .indexWebIns {
    padding-top: 20px;
  }
  .btnCustom {
    font-size: 22px;
    padding: 15px 25px;
    width: 80%;
  }
  .indexWebIns img {
    display: none;
  }
  .indexWebBtnWrap {
    padding-top: 30px;
    padding-bottom: 35px;
  }
}
@media only screen and (max-width: 479px) {
  .indexWebIns h3 {
    font-size: 30px;
  }
}
/*========================================================
					Fifth Section NEW
=========================================================*/
.indexEcom {
  background: var(--bluebann);
  padding: 90px 0 220px;
}
.indexEcomWrap {
  width: 1920px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.indexEcomLeft,
.indexEcomRight {
  width: 50%;
}
.indexEcomLeft h3 {
  font-size: 60px;
  line-height: 1.1;
  text-transform: capitalize;
  font-family: barlowbold, arial, sans-serif;
  color: var(--white);
  padding-bottom: 50px;
}
.ixecomsp1 {
  color: #fdcc1a;
  padding: 5px 0;
  border-radius: 25px;
  line-height: 0.8;
}
.ixecomsp2 {
  color: var(--white);
}
.ixecomsp3 {
  display: block;
  margin-top: 10px;
  padding-left: 15px;
}
.indexEcomList {
  display: flex;
  justify-content: space-between;
  padding: 0 0 75px;
}
.indexEcomList ul {
  width: 48%;
}
.indexEcomList ul li {
  background: url("../images/indexnew/dot-white.png") no-repeat;
  background-position: left top 20px;
  background-size: 10px 10px;
  font-size: 32px;
  font-family: barlowregular, arial, sans-serif;
  color: var(--white);
  padding: 8px 0 8px 25px;
  text-transform: capitalize;
}
.indexEcomIcons {
  display: flex;
  justify-content: flex-start;
}
.indexEcomIconsLeft {
  width: 500px;
  background: var(--white);
  border-radius: 50px;
  padding: 10px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 60px;
}
.indexEcomIconsRight {
  width: 35%;
}
.ecomBtn {
  background: var(--divider-yellow);
  border-radius: 50px;
  padding: 25px 60px;
  display: inline-block;
  cursor: pointer;
  font-size: 30px;
  font-family: barlowbold, arial, sans-serif;
  color: var(--main-text);
  text-transform: capitalize;
}
.ecomBlue {
  background: transparent;
  border: 2px solid var(--bluebann);
}
.ecomBtnTbl {
  background: var(--bluebann);
  color: var(--white);
}
.indexEcomRight {
  position: relative;
}
.indexecomImg4 {
  position: absolute;
  right: -160px;
  top: 88px;
  width: 1037px;
}
.indexecomImg5 {
  position: absolute;
  right: 840px;
  bottom: -220px;
  width: 360px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .indexecomImg4 {
    width: 893px;
    top: 93px;
    right: 0;
  }
  .indexEcomWrap {
    width: 90%;
  }
  .indexEcomLeft h3 {
    font-size: 49px;
  }
  .indexEcomList ul li {
    font-size: 28px;
  }
  .indexEcomLeft {
    width: 40%;
  }
  .indexEcomRight {
    width: 60%;
  }
  .ecomBtn {
    font-size: 21px;
  }
  .indexEcomIconsRight {
    width: 100%;
    margin-right: 0;
  }
  .indecomImg1 {
    width: 110px;
    margin-right: 25px;
  }
  .indecomImg2 {
    width: 65px;
    margin-right: 25px;
  }
  .indecomImg3 {
    width: 100px;
  }
  .indexEcom {
    padding: 90px 0 180px;
  }
  .indexecomImg5 {
    width: 300px;
    bottom: -180px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .indexecomImg4 {
    width: 655px;
    right: -40px;
    top: 90px;
  }
  .indexEcomWrap {
    width: 90%;
    max-width: 1170px;
  }
  .indexEcomWrap {
    width: 90%;
  }
  .indexEcomLeft h3 {
    font-size: 40px;
  }
  .indexEcomList ul li {
    font-size: 21px;
    background-position: left top 15px;
    background-size: 7px 7px;
  }
  .indexEcomLeft {
    width: 50%;
  }
  .indexEcomRight {
    width: 50%;
  }
  .ecomBtn {
    font-size: 18px;
    padding: 20px 35px;
  }
  .indexEcomIconsRight {
    width: 100%;
    margin-right: 0;
  }
  .indecomImg1 {
    width: 90px;
    margin-right: 25px;
  }
  .indecomImg2 {
    width: 45px;
    margin-right: 25px;
  }
  .indecomImg3 {
    width: 80px;
  }
  .indexEcom {
    padding: 90px 0 113px;
  }
  .indexecomImg5 {
    width: 200px;
    bottom: -110px;
    right: 580px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .indexecomImg4 {
    width: 518px;
    right: -20px;
    top: 90px;
  }
  .indexEcomWrap {
    width: 90%;
    max-width: 1170px;
  }
  .indexEcomWrap {
    width: 90%;
    max-width: 922px;
  }
  .indexEcomLeft h3 {
    font-size: 30px;
    padding-bottom: 20px;
  }
  .indexEcomList {
    padding: 10px 0 50px;
  }
  .indexEcomList ul li {
    font-size: 18px;
    background-position: left top 15px;
    background-size: 7px 7px;
  }
  .indexEcomIcons {
    flex-direction: column;
  }
  .indexEcomIconsLeft {
    width: 340px;
  }
  .indexEcomLeft {
    width: 50%;
  }
  .indexEcomRight {
    width: 50%;
  }
  .ecomBtn {
    font-size: 18px;
    padding: 15px 35px;
    margin-top: 15px;
  }
  .indexEcomIconsRight {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .indecomImg1 {
    width: 90px;
    margin-right: 25px;
  }
  .indecomImg2 {
    width: 45px;
    margin-right: 25px;
  }
  .indecomImg3 {
    width: 80px;
  }
  .indexEcom {
    padding: 60px 0 70px;
  }
  .indexecomImg5 {
    width: 200px;
    bottom: -40px;
    right: 440px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .indexecomImg4 {
    width: 520px;
    right: 0;
    top: 0;
    position: static;
    display: block;
  }
  .indexEcomWrap {
    width: 90%;
    max-width: 1170px;
  }
  .indexEcomWrap {
    width: 90%;
    flex-direction: column;
  }
  .indexEcomLeft h3 {
    font-size: 30px;
    padding-bottom: 20px;
  }
  .indexEcomList {
    padding: 10px 0 35px;
  }
  .indexEcomList ul li {
    font-size: 18px;
    background-position: left top 15px;
    background-size: 7px 7px;
  }
  .indexEcomIcons {
    flex-direction: column;
  }
  .indexEcomIconsLeft {
    width: 340px;
  }
  .indexEcomLeft,
  .indexEcomRight {
    width: 480px;
    margin: 0 auto;
  }
  .indexEcomRight {
    margin-top: 70px;
  }
  .ecomBtn {
    font-size: 18px;
    padding: 15px 35px;
    margin-top: 15px;
  }
  .indexEcomIconsRight {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .indecomImg1 {
    width: 90px;
    margin-right: 25px;
  }
  .indecomImg2 {
    width: 45px;
    margin-right: 25px;
  }
  .indecomImg3 {
    width: 80px;
  }
  .indexEcom {
    padding: 50px 0 0;
  }
  .indexecomImg5 {
    width: 200px;
    bottom: 0;
    top: -100px;
    right: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .indexecomImg4 {
    width: 100%;
    right: 0;
    top: 0;
    position: static;
    display: block;
  }
  .indexEcomWrap {
    width: 90%;
    max-width: 1170px;
  }
  .indexEcomWrap {
    width: 90%;
    flex-direction: column;
  }
  .indexEcomLeft h3 {
    font-size: 30px;
    padding-bottom: 35px;
    text-align: left;
  }
  .indexEcomLeft{
    width: 95%;
  }
  .indexEcomList {
    padding-bottom: 25px;
    flex-direction: column;
  }
  .indexEcomList ul {
    width: 240px;
  }
  .indexEcomList ul li {
    font-size: 20px;
    background-position: left top 12px;
    background-size: 7px 7px;
    padding: 4px 0 4px 20px;
  }
  .indexEcomIcons {
    flex-direction: column;
  }
  .indexEcomIconsLeft {
    width: 340px;
    margin: 0 auto;
  }
  .indecomImg1 {
    width: 90px;
    margin-right: 25px;
  }
  .indecomImg2 {
    width: 45px;
    margin-right: 25px;
  }
  .indecomImg3 {
    width: 80px;
  }
  .indexEcomRight {
    width: 100%;
  }
  .indexEcomRight {
    margin-top: 75px;
  }
  .ecomBtn {
    font-size: 22px;
    padding: 15px 15px;
    width: 90%;
    margin: 10px auto 0;
    text-align: center;
  }
  .indexEcomIconsRight {
    width: 100%;
    margin: 0 auto;
    text-align: left;
  }
  .indexEcomIconsRightRestaurant{
    text-align: center;
  }
  .indexEcom {
    padding: 50px 0 0;
  }
  .indexecomImg5 {
    display: none;
  }
  .ixecomsp3 {
    margin-top: 15px;
  }
  .indexEcomIconsRight .ecomBtn {
    margin-top: 55px;
    width: 90%;
    max-width: 340px;
    font-size: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .ixecomsp1 {
  }
  .ixecomsp2 {
    display: block;
    margin-top: 10px;
  }
  .indexEcomList {
    flex-direction: column;
  }
  /*
    .indexEcomIconsLeft {
        width: 160px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin-bottom: 5px;
        background: none;
        border-radius: 0;
    }
    .indecomLink1,
    .indecomLink2,
    .indecomLink3 {
        background: var(--white);
        border-radius: 30px;
        padding: 10px 15px;
        margin-bottom: 5px;
        width: 120px;
        text-align: center;
    }
    .indecomImg1,
    .indecomImg2 {
        margin: 0 auto;
    }
    */
  .indexEcomIconsLeft {
    width: 100%;
    padding: 12px 15px;
    max-width: 303px;
  }
  .indexEcom {
    padding-top: 35px;
  }
  .indexEcomRight {
    margin-top: 35px;
  }
  .ixecomsp3 {
    margin-top: 5px;
  }
  .indexEcomIconsRight .ecomBtn {
    margin-top: 25px;
    width: 90%;
  }
}
/*========================================================
					Sixth Section NEW
=========================================================*/
.indexMark {
  padding: 90px 0;
  width: 1920px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.indexMark2nd {
  flex-direction: row-reverse;
}
.indexMarkLeft,
.indexMarkRight {
  width: 47%;
}
.indexMarkLeft img {
  width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.indexMarkRight {
  text-align: left;
}
.indexMarkRight h3 {
  font-size: 50px;
  line-height: 1.1;
  font-family: barlowbold, arial, sans-serif;
  text-transform: none;
  display: inline-block;
  margin-left: 80px;
}
.indexMarkRight h3 span {
  display: block;
  color: var(--main-text);
  padding: 10px 0;
  border-radius: 25px;
  line-height: 0.8;
  text-transform: capitalize;
  margin-bottom: 10px;
  font-size: 64px;
}
.indexMarkRight p {
  line-height: 1.5;
  padding: 50px 0;
  font-size: 30px;
  font-family: barlowregular, arial, sans-serif;
  width: 750px;
  margin: 0 auto;
  text-transform: none;
  text-align: left;
}
.indexMarkSoc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 320px;
  margin: 0 auto 50px;
}
.indexMarkSoc img {
  width: 80px;
  display: block;
}
.indexMarkBtnWrap {
  padding-left: 80px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .indexMark {
    width: 90%;
  }
  .indexMarkRight h3 span {
    font-size: 56px;
  }
  .indexMarkRight h3 {
    font-size: 38px;
    margin-left: 30px;
  }
  .indexMarkRight p {
    font-size: 28px;
  }
  .indexMarkSoc img {
    width: 60px;
  }
  .indexMarkSoc {
    width: 240px;
  }
  .indexMarkBtnWrap {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .indexMark {
    width: 90%;
    max-width: 1170px;
    padding: 70px 0;
  }
  .indexMarkRight h3 span {
    font-size: 46px;
  }
  .indexMarkRight h3 {
    font-size: 26px;
    margin-left: 35px;
  }
  .indexMarkRight p {
    width: 480px;
    font-size: 21px;
  }
  .indexMarkSoc img {
    width: 50px;
  }
  .indexMarkSoc {
    width: 200px;
  }
  .indexMarkBtnWrap {
    padding-left: 35px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .indexMark {
    width: 90%;
    max-width: 922px;
    padding: 70px 0;
  }
  .indexMarkRight h3 span {
    font-size: 30px;
  }
  .indexMarkRight h3 {
    font-size: 22px;
    margin-left: 0;
  }
  .indexMarkRight p {
    width: 100%;
    font-size: 18px;
    padding: 30px 0;
  }
  .indexMarkSoc img {
    width: 50px;
  }
  .indexMarkSoc {
    width: 200px;
  }
  .indexMarkBtnWrap {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .indexMark {
    width: 90%;
    padding: 50px 0;
  }
  .indexMarkRight h3 span {
    font-size: 30px;
  }
  .indexMarkRight h3 {
    margin-left: 0;
    font-size: 22px;
  }
  .indexMarkRight p {
    width: 100%;
    font-size: 18px;
    text-align: center;
  }
  .indexMarkSoc img {
    width: 50px;
  }
  .indexMarkSoc {
    width: 200px;
  }
  .indexMarkLeft,
  .indexMarkRight {
    width: 100%;
    margin: 0 auto;
  }
  .indexMarkRight {
    text-align: center;
  }
  .indexMarkLeft img {
    max-width: 530px;
    margin: 0 auto 50px;
  }
  .indexMarkBtnWrap {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .indexMark {
    width: 90%;
    padding: 35px 0 50px;
    flex-direction: column;
  }
  .indexMarkRight h3 span {
    font-size: 30px;
  }
  .indexMarkRight h3 {
    font-size: 22px;
    margin-left: 0;
  }
  .indexMarkRight p {
    width: 100%;
    font-size: 18px;
    padding: 20px 0;
  }
  .indexMarkSoc img {
    width: 50px;
  }
  .indexMarkSoc {
    width: 200px;
    margin-bottom: 20px;
  }
  .indexMarkLeft,
  .indexMarkRight {
    width: 100%;
  }
  .indexMarkLeft img {
    width: 100%;
    max-width: 480px;
    margin-bottom: 30px;
  }
  .indexMarkBtnWrap {
    padding-left: 0;
  }
}
@media only screen and (max-width: 479px) {
}
/*========================================================
					Seventh Section NEW
=========================================================*/
.indexPro {
  background: var(--frame-gray);
  padding: 30px 0 220px;
}
.indexProWrap {
  width: 1920px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.indexProLeft,
.indexProRight {
  width: 50%;
}
.indexProLeft {
  padding-top: 100px;
}
.indexProLeft h3 {
  font-size: 46px;
  line-height: 1.1;
  font-family: barlowbold, arial, sans-serif;
  text-transform: none;
  display: inline-block;
  padding-bottom: 50px;
}
.indexProLeft h3 span {
  display: block;
  color: var(--bluebann);
  padding: 10px 0px;
  border-radius: 25px;
  line-height: 0.8;
  text-transform: capitalize;
  font-size: 62px;
  margin-bottom: 10px;
}
.indexProList {
  display: flex;
  justify-content: space-between;
}
.indexProLeft ul {
  width: 32%;
  margin-bottom: 70px;
}
.indexProLeft ul li {
  background: url(../images/indexnew/dot-black.png) no-repeat;
  background-position: left top 20px;
  background-size: 10px 10px;
  font-size: 32px;
  font-family: barlowregular, arial, sans-serif;
  color: var(--main-text);
  padding: 8px 0 8px 25px;
  text-transform: capitalize;
}
.indexProRight {
  position: relative;
}
.indexProImg1 {
  position: absolute;
  right: -250px;
  top: -300px;
  width: 1200px;
}
.indexProListMob {
  display: none;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .indexProImg1 {
    right: -90px;
    width: 1000px;
    top: -250px;
  }
  .indexProWrap {
    width: 90%;
  }
  .indexProLeft h3 span {
    font-size: 56px;
  }
  .indexProLeft h3 {
    font-size: 40px;
  }
  .indexProLeft ul li {
    font-size: 28px;
    background-position: left top 15px;
  }
  .indexPro {
    padding: 30px 0 180px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .indexProImg1 {
    right: -60px;
    width: 700px;
    top: -200px;
  }
  .indexProWrap {
    width: 90%;
    max-width: 1170px;
  }
  .indexProLeft h3 span {
    font-size: 46px;
  }
  .indexProLeft h3 {
    font-size: 26px;
  }
  .indexProLeft ul li {
    font-size: 20px;
    background-position: left top 15px;
    background-size: 7px 7px;
    padding: 8px 0 8px 15px;
  }
  .indexPro {
    padding: 30px 0 70px;
  }
  .indexProLeft {
    padding-top: 30px;
    width: 45%;
  }
  .indexProRight {
    width: 55%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .indexProImg1 {
    right: -40px;
    width: 450px;
    top: -160px;
  }
  .indexProWrap {
    width: 90%;
    max-width: 922px;
  }
  .indexProLeft h3 span {
    font-size: 30px;
  }
  .indexProLeft h3 {
    font-size: 21px;
    padding-bottom: 20px;
  }
  .indexProLeft ul li {
    font-size: 18px;
    background-position: left top 15px;
    background-size: 7px 7px;
    padding: 8px 0 8px 15px;
  }
  .indexPro {
    padding: 30px 0 70px;
  }
  .indexProLeft {
    padding-top: 30px;
    width: 55%;
  }
  .indexProLeft ul {
    margin-bottom: 20px;
  }
  .indexProRight {
    width: 45%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .indexProImg1 {
    position: static;
    right: 0;
    width: 100%;
    top: 0;
    margin: 10px auto 0;
  }
  .indexProLeft,
  .indexProRight {
    width: 50%;
  }
  .indexProRight {
    text-align: center;
      margin-top: 0;
  }
  .indexProWrap {
  	width: 90%;
  	flex-direction: column-reverse;
  }
  .indexProLeft,
  .indexProRight{
    width: 100%;
  }
  .indexProLeft h3 span {
    font-size: 30px;
  }
  .indexProLeft h3 {
    display: block;
    font-size: 21px;
    padding-bottom: 20px;
    text-align: left;
  }
  .indexProLeft ul li {
    font-size: 16px;
    background-position: left top 15px;
    background-size: 7px 7px;
    padding: 8px 0 0 10px;
    text-align: left;
  }
  .indexPro {
    padding: 30px 0 70px;
  }
  .indexProBtnWrap {
    margin-left: 0;
    text-align: center;
  }
  .indexProLeft {
    padding-top: 0;
    text-align: center;
  }
    .indexProList {
        flex-wrap: wrap;
    }
  .indexProLeft ul {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .indexProImg1 {
    position: static;
    right: 0;
    width: 100%;
    top: 0;
    margin: 0 auto 0;
  }
  .indexProLeft,
  .indexProRight {
    width: 100%;
  }
  .indexProRight {
    text-align: center;
  }
  .indexProLeft {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
  }
  .indexProWrap {
    width: 90%;
    flex-direction: column-reverse;
  }
  .indexProLeft h3 span {
    font-size: 30px;
  }
  .indexProLeft h3 {
    display: block;
    font-size: 21px;
    padding-bottom: 20px;
    text-align: left;
  }
  .indexProList {
    text-align: left;
    width: 440px;
    margin: 0 auto;
  }
  .indexProLeft ul li {
    font-size: 18px;
    background-position: left top 15px;
    background-size: 7px 7px;
    padding: 8px 0 8px 15px;
  }
  .indexPro {
    padding: 30px 0 50px;
  }
  .indexProBtnWrap {
    margin-left: 0;
    padding: 20px 0 0;
    text-align: left;
  }
  .indexProLeft {
    padding-top: 30px;
  }
  .indexProLeft ul {
    margin-bottom: 20px;
  }
  .indexProList {
    display: none;
  }
  .indexProListMob {
    display: flex;
    justify-content: space-between;
  }
  .indexProListMob ul {
    width: 48%;
  }
  .indexProListMob ul li {
    font-size: 20px;
    background: url(../images/indexnew/dot-black.png) no-repeat;
    background-position: left top 15px;
    background-size: 7px 7px;
    padding: 8px 0 8px 15px;
    font-family: barlowregular, arial, sans-serif;
    color: var(--main-text);
    text-transform: capitalize;
    text-align: left;
  }

  .long-text {
    overflow: hidden;
    height: 7em;
    line-height: 1.2em;
  }
  .long-text-wrap.read-opened .long-text{height: auto;}
  .read-more{
    display: block;
    font-family: BarlowBold, arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 20px;
    text-align: left;
    cursor: pointer;
  }
  .read-more:hover{cursor: pointer;}
  .read-opened .read-more{margin-top: 25px !important;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .indexProListMob ul li {
    font-size: 20px;
  }
  .indexProListMob ul {
  	width: 100%;
  }
  .indexProLeft ul {
  	margin-bottom: 0px;
  }
}
@media only screen and (max-width: 479px) {
  .indexProLeft h3 span {
    line-height: 1.2;
    margin-bottom: 0;
  }
  .indexProListMob {
    flex-direction: column;
  }
  .indexProListMob ul {
    width: 90%;
    margin: 0 auto;
  }
  .indexProLeft ul {
    margin-bottom: 0;
  }
}
/*========================================================
					Eighth Section NEW
=========================================================*/
.indexWhy {
  background: var(--bluebann);
  padding: 160px 0;
}
.indexWhyWrap {
  width: 1920px;
  margin: 0 auto;
}
.indexWhyTit {
  position: relative;
}
.indexWhyTit h3 {
  font-size: 58px;
  line-height: 1.1;
  font-family: barlowbold, arial, sans-serif;
  text-transform: capitalize;
  text-align: center;
  color: var(--white);
}
.indexWhyMobTitle{
  display: none;
}
.indexwhysp1 {
  background: var(--yellow-main);
  padding: 5px 15px;
  border-radius: 25px;
  line-height: 0.8;
  font-family: barlowbold, arial, sans-serif;
}
.indexwhynew {
  text-align: center;
}
.indexwhynew span {
  display: inline-block;
  font-family: graphikbold, arial, sans-serif;
  font-size: 60px;
  padding: 5px 20px;
  background: var(--yellow-main);
  margin: 0 0 10px;
}
.indexwhysp2 {
  display: block;
  color: var(--white);
  padding-top: 10px;
  font-family: barlowbold, arial, sans-serif;
}

.indexWhyImg1 {
  position: absolute;
  right: 100px;
  top: -60px;
  width: 340px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .indexWhyWrap {
    width: 90%;
  }
  .indexWhyTit h3,
  .indexwhysp2 {
    font-size: 56px;
  }

  .indexWhyImg1 {
    width: 300px;
  }
  .indexWhy {
    padding: 110px 0;
  }
  .indexwhynew span {
    font-size: 52px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .indexWhyWrap {
    width: 90%;
    max-width: 1170px;
  }
  .indexWhyTit h3,
  .indexwhysp2 {
    font-size: 46px;
  }
  .indexWhyImg1 {
    width: 240px;
    right: 20px;
  }
  .indexWhy {
    padding: 110px 0;
  }
  .indexwhynew span {
    font-size: 44px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .indexWhyWrap {
    width: 90%;
    max-width: 922px;
  }
  .indexWhyTit h3,
  .indexwhysp2 {
    font-size: 30px;
  }
  .indexWhyImg1 {
    width: 200px;
    right: 0;
  }
  .indexWhy {
    padding: 70px 0;
  }
  .indexwhynew span {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .indexWhyWrap {
    width: 90%;
    max-width: 922px;
  }
  .indexWhyTit h3,
  .indexwhysp2 {
    font-size: 30px;
  }
  .indexWhyImg1 {
    width: 200px;
    right: 0;
    top: 60px;
  }
  .indexWhy {
    padding: 70px 0;
  }
  .indexwhynew span {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .indexWhyWrap {
    width: 90%;
    max-width: 922px;
  }
  .indexWhyDesktopTitle{
    display: none;
  }
  .indexWhyMobTitle{
    display: block;
  }
  .indexWhyTit h3,
  .indexwhysp2 {
    font-size: 30px;
    line-height: 1.3;
  }
  .indexWhyImg1 {
    width: 200px;
    right: 0;
    top: 90px;
  }
  .indexWhy {
    padding: 35px 0;
  }
  .indexwhysp1 {
    padding: 0 15px 3px;
  }
  .indexwhysp11 {
    margin-top: 5px;
  }
  .indexwhysp2 {
    display: inline;
    padding-top: 10px;
  }
  .indexwhynew span {
    font-size: 32px;
  }
}

/*========================================================
					Table Why Index
=========================================================*/
.tableWhy {
  width: 58%;
  margin: 60px auto 0;
  border: 1px solid #b1b096;
  font-size: 24px;
  line-height: 1;
  font-family: barlowregular, arial, sans-serif;
}
.tabYelRow {
  background: var(--divider-yellow);
  display: flex;
  justify-content: space-between;
}
.tabYelRow .tabReason,
.tabYelRow .tabWus,
.tabYelRow .tabOthers {
  font-size: 22px;
  font-weight: 700;
}

.tabWhiteRow {
  background: var(--white);
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #b1b096;
}
.tabWhiteRow:nth-child(odd) {
  background: #f5f5f5;
}
.tabReason {
  width: 60%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-right: 1px solid #b1b096;
  text-transform: capitalize;
}
.tabWus,
.tabOthers {
  width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tabReason,
.tabWus,
.tabOthers {
  padding: 0.9em 2em;
}
.tabWus {
  border-right: 1px solid #b1b096;
}
.tableWhy img {
  width: 36px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .tableWhy {
    width: 65%;
    font-size: 18px;
  }
  .tabYelRow .tabReason,
  .tabYelRow .tabWus,
  .tabYelRow .tabOthers {
    font-size: 19px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .tableWhy {
    width: 80%;
    font-size: 18px;
  }
  .tabYelRow .tabReason,
  .tabYelRow .tabWus,
  .tabYelRow .tabOthers {
    font-size: 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .tableWhy {
    width: 90%;
    font-size: 18px;
  }
  .tabYelRow .tabReason,
  .tabYelRow .tabWus,
  .tabYelRow .tabOthers {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .tableWhy {
    width: 90%;
    font-size: 18px;
  }
  .tabYelRow .tabReason,
  .tabYelRow .tabWus,
  .tabYelRow .tabOthers {
    font-size: 18px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .tabReason,
  .tabWus,
  .tabOthers {
    line-height: 1.1;
    padding: 0.9em 1em;
  }
  .tableWhy img {
    width: 30px;
  }
  .tabReason {
    width: 50%;
  }
  .tabWus,
  .tabOthers {
    width: 25%;
  }
}

/*========================================================
					top7Reasons Section NEW
=========================================================*/
.top7Reasons {
  background: var(--bluebann);
  padding: 140px 0;
}
.top7RectWrap{
  background: #f7f8fa;
  padding: 90px 80px;
  width: 60%;
  margin: 0 auto;
  border-radius: 20px;
}
.top7TitlePart{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 60px;
}
.top7TitleBlue{
  padding-right: 50px;
  border-right: 2px solid var(--main-text);
}
.top7TitleBlue h3{
  color: var(--bluebann);
  font-family: graphikbold, arial, sans-serif;
  font-size: 64px;
}
.top7Descr{
  padding-left: 50px;
}
.top7Descr p{
  font-family: graphiksemi, arial, sans-serif;
  font-size: 33px;
  line-height: 1.3;
  text-transform: capitalize;
}
.top7Descr p span{
  display: block;
}
.top7List{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.top7List ul li {
	background: url('../images/newcheck.svg') no-repeat;
	background-position: left center;
	background-size: 30px 30px;
	font-size: 28px;
	font-family: "Varela", arial, sans-serif;
	padding: 12px 0 12px 40px;
	color: var(--gray);
	text-transform: none;
	text-align: left;
}
.top7List ul li span {
        font-family: graphikbold, arial, sans-serif;
}
.exproList {
    max-width: 1720px;
    margin: 90px auto 60px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .top7Reasons {
    padding: 100px 0;
  }
  .top7RectWrap{
    width: 66%;
  }
  .top7TitleBlue h3 {
  	font-size: 58px;
  }
  .top7Descr p {
  	font-size: 30px;
  }
  .top7List ul li {
  	background-size: 28px 28px;
  	font-size: 24px;
  }
    .exproList {
        max-width: 1600px;
    }
    .exproList ul li {
        font-size: 28px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .top7Reasons {
    padding: 80px 0;
  }
  .top7RectWrap{
    width: 67%;
    padding: 70px 60px;
  }
  .top7TitlePart {
  	margin: 0 0 50px;
  }
  .top7TitleBlue h3 {
  	font-size: 46px;
  }
  .top7Descr p {
  	font-size: 22px;
  }
  .top7List ul li {
  	background-size: 24px 24px;
  	font-size: 19px;
    padding: 12px 0 12px 35px;
  }
    .exproList {
        max-width: 1170px;
    }
    .exproList ul li {
        font-size: 21px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .top7Reasons {
    padding: 80px 0;
  }
  .top7RectWrap{
    width: 80%;
    padding: 70px 60px;
  }
  .top7TitlePart {
  	margin: 0 0 50px;
  }
  .top7TitleBlue h3 {
  	font-size: 32px;
  }
  .top7Descr p {
  	font-size: 20px;
  }
  .top7List ul li {
  	background-size: 24px 24px;
  	font-size: 19px;
    padding: 12px 0 12px 35px;
  }
    .exproList ul li {
        font-size: 21px;
    }
    .exproList {
        margin-top: 60px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .top7Reasons {
    padding: 80px 0;
  }
  .top7RectWrap{
    width: 85%;
    padding: 70px 60px;
  }
  .top7TitlePart {
  	margin: 0 0 50px;
  }
  .top7TitleBlue h3 {
  	font-size: 30px;
  }
  .top7Descr p {
  	font-size: 19px;
  }
  .top7List ul li {
  	background-size: 24px 24px;
  	font-size: 19px;
    padding: 12px 0 12px 35px;
  }
  .top7TitleBlue {
  	padding-right: 30px;
  }
  .top7Descr {
    margin: 15px 0 0;
  	padding-left: 0;
  }
  .top7TitlePart {
  	justify-content: flex-start;
    flex-direction: column;
  	align-items: flex-start;
  	margin: 0 0 40px;
  }
  .top7List {
  	flex-direction: column;
  }
     .exproList {
        margin-top: 40px;
    }
}
@media only screen and (max-width: 767px) {
  .top7Reasons {
    padding: 60px 0;
  }
  .top7RectWrap{
    width: 90%;
    padding: 40px 20px;
  }
  .top7TitlePart {
  	margin: 0 0 50px;
  }
  .top7TitleBlue h3 {
  	font-size: 34px;
  }
  .top7Descr p {
  	font-size: 21px;
  }
  .top7List ul li {
  	background-size: 24px 24px;
  	font-size: 19px;
    padding: 12px 0 12px 35px;
  }
  .top7TitleBlue {
  	padding-right: 30px;
  }
  .top7Descr {
    margin: 15px 0 0;
  	padding-left: 0;
  }
  .top7TitlePart {
  	justify-content: flex-start;
    flex-direction: column;
  	align-items: flex-start;
  	margin: 0 0 40px;
  }
  .top7List {
  	flex-direction: column;
  }
    .exproList ul li {
        background-position: left top 12px;
    }
    .exproList {
        margin-top: 35px;
    }
}
@media only screen and (max-width: 479px) {
    .exproList {
        margin: 35px auto 30px;
    }
}

/*========================================================
					Tenth Section NEW
=========================================================*/
.indexFaq {
  padding: 90px 0 100px;
}
.indexFaqTit h3 {
  text-align: center;
  font-size: 60px;
  font-family: barlowbold, arial, sans-serif;
  line-height: 1.1;
}
.faqWrap {
  width: 50%;
  margin: 75px auto;
}
.faqWrap .accordion {
  border: none;
  background: var(--white);
  color: var(--main-text);
  cursor: pointer;
  padding: 25px 30px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 28px;
  font-family: barlowbold, arial, sans-serif;
  transition: 0.4s;
  border-bottom: 1px solid #d8d8d8;
  text-transform: none;
}
.faqWrap .active,
.accordion:hover {
  background-color: var(--white);
}
.faqWrap .accordion:after {
  content: "\002B";
  color: var(--bluebann);
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
.faqWrap .active:after {
  content: "\2212";
  color: var(--bluebann);
}
.faqWrap span {
    font-family: barlowm, arial, sans-serif;
}
.faqWrap .panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.faqWrap .panel p {
  font-size: 26px;
  line-height: 1.4;
  padding: 20px 20px 15px;
  font-family: barlowregular, arial, sans-serif;
}
.faqWrap .panel p span,
.faqWrap .panel ul li span {
  font-weight: 700;
}
.faqWrap .panel ul li {
  font-size: 26px;
  line-height: 1.4;
  padding: 20px 20px 15px;
  font-family: barlowregular, arial, sans-serif;
  list-style-type: disc;
  list-style-position: inside;
}
.indexFaqBtnWrap {
  text-align: center;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .indexFaqTit h3 {
    font-size: 56px;
  }
  .faqWrap {
    width: 64%;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .indexFaqTit h3 {
    font-size: 46px;
  }
  .faqWrap .accordion span {
    font-size: 24px;
  }
  .indexFaq {
    padding: 60px 0 20px;
  }
  .faqWrap {
    width: 900px;
  }
  .faqWrap .panel p,
  .faqWrap .panel ul li {
    font-size: 21px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .indexFaqTit h3 {
    font-size: 30px;
  }
  .faqWrap .accordion span {
    font-size: 21px;
  }
  .indexFaq {
    padding: 60px 0 20px;
  }
  .faqWrap {
    width: 700px;
  }
  .faqWrap .panel p,
  .faqWrap .panel ul li {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .indexFaqTit h3 {
    font-size: 30px;
  }
  .faqWrap .accordion span {
    font-size: 21px;
  }
  .indexFaq {
    padding: 60px 0 10px;
  }
  .faqWrap {
    width: 700px;
  }
  .faqWrap .panel p,
  .faqWrap .panel ul li {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .indexFaqTit h3 {
    font-size: 30px;
  }
  .faqWrap .accordion span {
    font-size: 21px;
  }
  .faqWrap .accordion{
    line-height: 0.9;
  }
  .indexFaq {
    padding: 60px 0 35px;
  }
  .faqWrap {
    width: 90%;
    margin: 35px auto 30px;
  }
  .panel p {
    font-size: 18px;
  }
  .faqWrap .panel p,
  .faqWrap .panel ul li {
    font-size: 18px;
  }
}
@media only screen and (max-width: 479px) {
}
/*========================================================
					Third Section
=========================================================*/
.fourthSection {
  margin: 100px auto 0;
  width: 100%;
}

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

.callbgDown {
}

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

.callbgMid {
  height: 700px;
  background: #ffeb03;
}

.callbgDownWrap {
  width: 1920px;
  margin: 0 auto;
  position: relative;
}

.callCook {
  position: absolute;
  right: 0;
  bottom: 50px;
  width: 880px;
}

.wrapTel {
  padding-top: 70px;
  padding-bottom: 70px;
}

.divicont {
  font-size: 35px;
  text-transform: uppercase;
}

.indexTel {
  position: absolute;
  left: 10%;
  top: 900px;
  text-align: center;
}

.diviCallWrap {
  padding-top: 180px;
  padding-left: 10%;
}

.divitel {
  font-size: 90px;
  color: #00baf2;
  font-family: barlowbold, arial, sans-serif;
  display: inline-block;
}

.divihours {
  font-size: 42px;
  font-family: barlowbold, arial, sans-serif;
  padding-top: 20px;
}

.callbgMidCont {
  width: 2304px;
  margin: 0 auto;
}

.learnWrap {
  padding-top: 50px;
  transform: rotate(-5deg);
}

.feltlearn1 {
  font-size: 80px;
  font-family: barlowbold, arial, sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  background: url("../images/index/feltCalltoLEarn.webp") left top no-repeat;
  background-size: 800px 110px;
  width: 805px;
  height: 115px;
  display: inline-block;
}

.feltlearn2 {
  font-size: 78px;
  font-family: barlowblack, arial, sans-serif;
  text-transform: uppercase;
  color: #000;
  display: block;
  padding-left: 20px;
  line-height: 0.9;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .fourthSection {
    height: 1040px;
  }

  .indexTel {
    top: 660px;
  }

  .callCook {
    width: 780px;
    right: 60px;
  }

  .learnWrap {
    padding-left: 60px;
  }

  .callbgMidCont {
    width: 1890px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .callCook {
    width: 560px;
    right: 20px;
    bottom: 25px;
  }

  .callbgMidCont {
    width: 90%;
  }

  .callbgDownWrap {
    width: 100%;
  }

  .callbgMid {
    height: 520px;
  }

  .feltlearn1 {
    font-size: 54px;
    background-size: 570px 73px;
    width: 570px;
    height: 73px;
  }

  .feltlearn2 {
    font-size: 52px;
  }

  .diviCallWrap {
    padding-left: 5%;
    padding-top: 150px;
  }

  .divitel {
    font-size: 64px;
  }

  .divihours {
    font-size: 30px;
    padding-top: 0;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .callCook {
    width: 480px;
    right: 20px;
    bottom: 20px;
  }

  .callbgMidCont {
    width: 95%;
  }

  .callbgDownWrap {
    width: 100%;
  }

  .callbgMid {
    height: 460px;
  }

  .feltlearn1 {
    font-size: 40px;
    background-size: 430px 53px;
    width: 430px;
    height: 53px;
  }

  .feltlearn2 {
    font-size: 38px;
  }

  .diviCallWrap {
    padding-left: 5%;
    padding-top: 120px;
  }

  .divitel {
    font-size: 56px;
  }

  .divihours {
    font-size: 26px;
    padding-top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .callCook {
    width: 420px;
    right: 0;
    bottom: 10px;
  }

  .callbgMidCont {
    width: 95%;
  }

  .callbgDownWrap {
    width: 100%;
  }

  .callbgMid {
    height: 420px;
  }

  .feltlearn1 {
    font-size: 40px;
    background-size: 430px 53px;
    width: 430px;
    height: 53px;
  }

  .feltlearn2 {
    font-size: 30px;
  }

  .diviCallWrap {
    padding-left: 5%;
    padding-top: 120px;
  }

  .divitel {
    font-size: 40px;
  }

  .divihours {
    font-size: 19px;
    padding-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .fourthSection {
    margin-top: 0;
  }

  .callCook {
    width: 420px;
    right: 20px;
    bottom: -5px;
  }

  .callbgMidCont {
    width: 95%;
  }

  .callbgDownWrap {
    width: 100%;
  }

  .callbgMid {
    height: 800px;
  }

  .feltlearn1 {
    font-size: 40px;
    background-size: 430px 53px;
    width: 430px;
    height: 53px;
  }

  .feltlearn2 {
    font-size: 30px;
  }

  .diviCallWrap {
    padding-left: 5%;
    padding-top: 50px;
  }

  .divitel {
    font-size: 40px;
  }

  .divihours {
    font-size: 19px;
    padding-top: 0;
  }
}

@media only screen and (max-width: 479px) {
  .feltlearn1 {
    font-size: 30px;
    background-size: 310px 41px;
    width: 310px;
    height: 41px;
  }

  .feltlearn2 {
    font-size: 20px;
  }

  .learnWrap {
    padding-top: 20px;
  }

  .callCook {
    width: 300px;
  }

  .callbgMid {
    height: 600px;
  }
}

/*========================================================
					Fourth Section
=========================================================*/
.mobileDes {
  display: none;
}

.desMobileBox {
  text-align: center;
  padding-top: 70px;
  padding-bottom: 70px;
}

.desMobileBox h3 {
  font-size: 56px;
  margin-bottom: 25px;
  font-family: barlowbold, arial, sans-serif;
}

.logoArrows p {
  font-size: 25px;
  line-height: 1.5;
  color: #00b6f1;
  text-align: center;
  text-transform: capitalize;
}

.desktopDes img {
  width: 100%;
  max-width: 2048px;
}

.logosArrows {
  width: 500px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.aboveCircL,
.aboveCircR {
  display: inline-block;
  text-align: center;
  width: 4%;
  margin: 0 auto;
}

.logosArrows p {
  font-size: 40px;
  line-height: 1.5;
  padding: 30px 0;
  color: #00b6f1;
  text-align: center;
  width: 84%;
  float: left;
  font-family: "Indie Flower", arial, sans-serif;
  text-transform: capitalize;
}

.logosArrows img {
  width: 20px;
}

.feltWebDesign {
  background: url("../images/index/feltWebDesign.webp") center top -5px no-repeat;
  background-size: 470px 83px;
  width: 490px;
  height: 90px;
  display: inline-block;
}

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

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .desMobileBox h3 {
    font-size: 38px;
    margin-bottom: 0;
  }

  .feltWebDesign {
    background-size: 350px 63px;
    width: 350px;
    height: 63px;
  }

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

  .logosArrows img,
  .logosArrows img {
    width: 15px;
  }

  .logosArrows {
    width: 360px;
  }

  .desktopDes {
    margin-top: 50px;
  }

  .desMobileBox {
    padding-bottom: 40px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .desMobileBox {
    padding-top: 50px;
    padding-bottom: 30px;
  }

  .desMobileBox h3 {
    font-size: 38px;
    margin-bottom: 0;
  }

  .feltWebDesign {
    background-size: 350px 63px;
    width: 350px;
    height: 63px;
  }

  .logosArrows p {
    font-size: 24px;
  }

  .logosArrows img,
  .logosArrows img {
    width: 15px;
  }

  .logosArrows {
    width: 300px;
  }

  .desktopDes {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .desMobileBox {
    padding-top: 50px;
    padding-bottom: 20px;
  }

  .desMobileBox h3 {
    font-size: 36px;
    margin-bottom: 0;
  }

  .feltWebDesign {
    background-size: 350px 63px;
    width: 350px;
    height: 63px;
  }

  .logosArrows p {
    font-size: 24px;
  }

  .logosArrows img,
  .logosArrows img {
    width: 15px;
  }

  .logosArrows {
    width: 300px;
  }

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

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

  .desMobileBox h3 {
    font-size: 36px;
    margin-bottom: 0;
  }

  .feltWebDesign {
    background-size: 350px 63px;
    width: 350px;
    height: 63px;
  }

  .logosArrows p {
    font-size: 24px;
    margin: 0 auto;
  }

  .logosArrows img,
  .logosArrows img {
    width: 15px;
  }

  .logosArrows {
    width: 300px;
  }

  .desktopDes,
  .desktopCaro {
    display: none;
  }

  .mobileCaro {
    display: block;
  }

  .mobileDes {
    display: inline-block;
  }
}

@media only screen and (max-width: 479px) {
  .feltWebDesign {
    background-size: 280px 63px;
    width: 280px;
    height: 63px;
  }

  .logosArrows {
    width: 250px;
  }

  .desMobileBox {
    padding-bottom: 35px;
  }
}

/*========================================================
					Fifth Section
=========================================================*/
.pageDes {
  background-color: #00baff;
  /* text-align: center; */
  padding: 160px 0;
}

.wrapInform {
  width: 1470px;
  margin: 0 auto;
  position: relative;
}

.wrapInform h3 {
  text-align: center;
  font-size: 56px;
  font-family: barlowbold, arial, sans-serif;
}

.whychooseRight {
  position: absolute;
  right: -25px;
  top: -75px;
  width: 320px;
}

.whychooseLeft {
  position: absolute;
  left: -10px;
  top: 15px;
  width: 320px;
}

.feltWhyChoose {
  background: url("../images/index/feltWhyChoose.webp") center center no-repeat;
  background-size: 350px 73px;
  width: 360px;
  height: 76px;
  display: inline-block;
}

.wrapInform p {
  text-align: center;
  font-size: 52px;
  color: #fff;
  text-transform: capitalize;
  font-family: barlowbold, arial, sans-serif;
  margin-bottom: 160px;
}

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

.listBenefits li {
  width: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-transform: capitalize;
  font-size: 26px;
  color: #fff;
  font-family: barlowmedium, arial, sans-serif;
}

.listBenefits li img {
  width: 150px;
  margin-bottom: 25px;
}

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

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

  .wrapInform h3,
  .wrapInform p {
    font-size: 42px;
  }

  .feltWhyChoose {
    background-size: 270px 63px;
    width: 270px;
    height: 63px;
  }

  .whychooseLeft {
    width: 240px;
    left: 20px;
  }

  .whychooseRight {
    width: 240px;
    right: 15px;
    top: -55px;
  }

  .listBenefits li img {
    width: 130px;
  }

  .listBenefits li {
    font-size: 20px;
    padding: 0 16px;
  }

  .pageDes {
    padding: 100px 0 80px;
  }
}

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

  .wrapInform h3,
  .wrapInform p {
    font-size: 42px;
  }

  .feltWhyChoose {
    background-size: 270px 63px;
    width: 270px;
    height: 63px;
  }

  .whychooseLeft {
    width: 160px;
    left: -30px;
    top: 20px;
  }

  .whychooseRight {
    width: 160px;
    right: -33px;
    top: -35px;
  }

  .wrapInform p {
    margin-bottom: 90px;
  }

  .listBenefits li img {
    width: 130px;
  }

  .listBenefits li {
    font-size: 16px;
    padding: 0 16px;
  }

  .pageDes {
    padding: 100px 0 80px;
  }
}

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

  .wrapInform h3,
  .wrapInform p {
    font-size: 36px;
  }

  .feltWhyChoose {
    background-size: 240px 50px;
    width: 240px;
    height: 50px;
  }

  .whychooseLeft {
    width: 120px;
    left: -30px;
    top: 38px;
  }

  .whychooseRight {
    width: 120px;
    right: -33px;
    top: -30px;
  }

  .wrapInform p {
    margin-bottom: 90px;
  }

  .listBenefits li img {
    width: 110px;
  }

  .listBenefits li {
    font-size: 16px;
    padding: 0 16px;
    width: 20%;
  }

  .pageDes {
    padding: 80px 0 60px;
  }
}

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

  .wrapInform h3,
  .wrapInform p {
    font-size: 36px;
  }

  .feltWhyChoose {
    background-size: 240px 50px;
    width: 240px;
    height: 50px;
  }

  .whychooseLeft {
    width: 120px;
    left: -30px;
    top: 38px;
  }

  .whychooseRight {
    width: 120px;
    right: -33px;
    top: -30px;
  }

  .wrapInform p {
    margin-bottom: 50px;
  }

  .listBenefits li {
    font-size: 18px;
    padding: 0 16px;
    margin: 0 auto 35px;
  }

  .listBenefits {
    flex-direction: column;
  }

  .pageDes {
    padding: 80px 0 20px;
  }
}

@media only screen and (max-width: 479px) {
  .whychooseLeft,
  .whychooseRight {
    display: none;
  }

  .pageDes {
    padding: 35px 0 35px;
  }

  .wrapInform p {
    font-size: 26px;
    padding-top: 10px;
    margin-bottom: 35px;
  }

  .wrapInform h3 {
    line-height: 0.9;
  }

  .feltWhyChoose {
    background-size: 240px 50px;
    width: 240px;
    height: 50px;
    padding-top: 5px;
  }
}

/*========================================================
					Sixth Section
=========================================================*/
.sharedMobile {
  display: none !important;
}
.tableWrap {
  padding-top: 70px;
}

.tableMain {
  margin-bottom: 100px;
  font-family: barlowbold, arial, sans-serif;
  text-align: center;
  font-size: 56px;
  line-height: 1.2;
}

.feltFullyManaged {
  background: url("../images/index/feltFullyManaged.webp") center top -10px no-repeat;
  background-size: 640px 100px;
  color: #fff;
  width: 640px;
  height: 90px;
  padding-top: 5px;
  display: inline-block;
}

.logosbg {
  padding: 100px 0;
}

.logosWrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.logosWrap .swiper-button-prev::after,
.logosWrap .swiper-button-next:after {
  display: none;
}

.logosWrap .swiper-button-prev,
.logosWrap .swiper-button-next {
  font-size: 30px;
  color: #212121;
  transition: all 0.3s ease;
}

.logosWrap .swiper-button-prev img,
.logosWrap .swiper-button-next img {
  width: 42px;
}

.logosWrap .swiper-button-prev {
  left: -60px;
}

.logosWrap .swiper-button-next {
  right: -60px;
}

.logosinBox img {
  width: 100%;
  height: auto;
}

.logosTitle p {
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  text-transform: capitalize;
  padding-bottom: 50px;
}

.logosLink {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding-top: 100px;
}

.logosMobile {
  display: none;
}

/*** new desktop ***/
.logosDesktop {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.logosBox {
  width: 16.6%;
}

.logosBox img {
  width: 100%;
}

.bannCent {
  text-align: center;
}

.bannCent a {
  margin: 100px 0 0 0;
}

.logosbotm {
  text-align: center;
}

.logosbotm span {
  font-size: 14px;
  display: block;
}

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

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .tableMain {
    margin-bottom: 70px;
    font-size: 42px;
  }

  .feltFullyManaged {
    background-size: 450px 75px;
    width: 450px;
    height: 75px;
    text-align: center;
    background-position: center top -5px;
    padding-top: 8px;
  }

  .logosbg {
    padding: 90px 0 125px;
  }

  .logosWrap .swiper-button-prev img,
  .logosWrap .swiper-button-next img {
    width: 32px;
  }

  .bannCent a {
    margin: 70px 0 0 0;
  }
}

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

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .tableMain {
    margin-bottom: 50px;
    font-size: 42px;
  }

  .feltFullyManaged {
    background-size: 450px 75px;
    width: 450px;
    height: 75px;
    text-align: center;
    background-position: center top -5px;
    padding-top: 8px;
  }

  .logosbg {
    padding: 75px 0 95px;
  }

  .logosDesktop {
    display: none;
  }

  .logosMobile {
    display: inline-block;
    width: 100%;
  }

  .logosWrap .swiper-button-prev img,
  .logosWrap .swiper-button-next img {
    width: 24px;
  }

  .logosWrap .swiper-button-next {
    right: -30px;
  }

  .logosWrap .swiper-button-prev {
    left: -30px;
  }

  .dashRight3 {
    padding-left: 50px;
  }

  .bannCent a {
    margin: 50px 0 0 0;
  }
  .tableWrap {
    padding-top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .tableMain {
    margin-bottom: 120px;
    font-size: 36px;
  }

  .feltFullyManaged {
    background-size: 400px 65px;
    width: 400px;
    height: 65px;
    text-align: center;
    background-position: center top -5px;
    padding-top: 8px;
  }

  .logosbg {
    padding: 50px 0 65px;
  }

  .logosWrap .swiper-button-prev img,
  .logosWrap .swiper-button-next img {
    width: 24px;
  }

  .logosWrap .swiper-button-next {
    right: -30px;
  }

  .logosWrap .swiper-button-prev {
    left: -30px;
  }

  .logosDesktop {
    display: none;
  }

  .logosMobile {
    display: inline-block;
    width: 100%;
  }

  .logosTitlePlace {
    margin-bottom: 50px;
  }

  .logosLink {
    padding-top: 50px;
  }

  .bannCent a {
    margin: 50px 0 0 0;
  }
}

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

  .logosMobile {
    display: inline-block;
    width: 100%;
  }

  .logosbg {
    padding: 35px 0;
  }

  .logosinBox {
    text-align: center;
  }

  .logosLink {
    padding-top: 50px;
  }

  .logosinBox img {
    width: 80%;
  }

  .logosWrap .swiper-button-prev {
    left: 0;
  }

  .logosWrap .swiper-button-next {
    right: 0;
  }

  .ltwo,
  .lthree,
  .lfour,
  .lfive {
    display: none;
  }

  .sharedDesktop {
    display: none;
  }
  .sharedMobile {
    display: block !important;
    width: 100%;
    margin: 0 auto 55px;
  }

  .tableMain {
    margin-bottom: 50px;
    font-size: 36px;
  }

  .feltFullyManaged {
    background-size: 400px 65px;
    width: 400px;
    height: 60px;
    text-align: center;
    background-position: center top -5px;
    padding-top: 8px;
  }

  .logosWrap .swiper-button-prev img,
  .logosWrap .swiper-button-next img {
    width: 30px;
  }

  .bannCent a {
    margin: 30px 0 0 0;
  }
}

@media only screen and (max-width: 479px) {
  .tableMain {
    margin-bottom: 36px;
    font-size: 24px;
  }

  .feltFullyManaged {
    background-size: 250px 55px;
    width: 250px;
    height: 60px;
    text-align: center;
    background-position: center top -5px;
    padding-top: 8px;
  }
}

/*========================================================
	How it works
=========================================================*/
.winningStrategyMob,
.banHowWrapMob,
.winningStrategyMobile,
.promotesMob,
.onlineImgMob,
.cloudsOnlineMob {
  display: none;
}

.sHowitworks {
  background: url("../images/howitworks/bannerHowClick.jpg") center center
    no-repeat;
  background-size: cover;
  height: 1040px;
  width: 100%;
}

.bannHowWrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 1040px;
}

.nhowTit {
  width: 50%;
  padding-left: 384px;
}

.nhowLnk {
  width: 50%;
}

.nhowLnk a {
  width: 100%;
  height: 1070px;
  background: transparent;
  display: inline-block;
}

.nhowTit h1 {
  font-family: barlowbold, arial, sans-serif;
  font-size: 80px;
  text-align: left;
  text-transform: capitalize;
  line-height: 1;
}

.banhowbg {
  text-align: center;
  background: url(../images/index/felttip.webp) left top no-repeat;
  background-size: 690px 90px;
  width: 690px;
  height: 90px;
  text-align: left;
  padding-left: 15px;
  display: inline-block;
}

.nhowText {
  font-family: barlowmedium, arial, sans-serif;
  font-size: 56px;
  line-height: 1.1;
  color: #000;
  padding: 90px 0 140px 10px;
}

.nhowText span {
  display: block;
}

.btnHow {
  margin-left: 10%;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border: 2px solid transparent;
  padding: 25px 90px;
  font-family: barlowsemibold, arial, sans-serif;
  font-size: 32px;
  line-height: 1.1;
  color: #fff;
  background: var(--bluebann);
  border-radius: 84px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.btnHow span {
  font-size: 18px;
  display: block;
}
.btnFreeCon {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  padding: 25px 70px;
  font-family: graphiksemi, arial, sans-serif;
  font-size: 32px;
  line-height: 1.1;
  color: #fff;
  background: var(--bluebann);
  border-radius: 84px;
  text-transform: capitalize;
  letter-spacing: 2px;
  position: relative;
}
.btnFreeCon span {
  font-family: graphikr, arial, sans-serif;
  font-size: 24px;
  color: var(--bluebann);
  display: block;
  position: absolute;
  top: 140px;
  left: 0;
  right: 0;
  text-align: center;

}

.newbtnHow {
  color: var(--red-color);
  font-family: barlowbold, arial, sans-serif;
  font-size: 36px;
}

.newbtnHow span {
  font-size: 54px;
  vertical-align: sub;
}

.winningStrategybg {
  background: url("../images/howitworks/winning-strategy-bg.jpg") no-repeat;
  background-position: left center;
  background-size: cover;
  height: 830px;
}

.nhowWrap {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-top: 100px;
  padding-bottom: 180px;
}

.nhowCont {
  width: 750px;
  padding: 50px 0 0;
}

.nhowCont h2 {
  font-size: 50px;
  margin-bottom: 50px;
  line-height: 0.9;
  text-transform: none;
  font-family: barlowblack, arial, sans-serif;
}

.nhowCont p {
  font-size: 30px;
  line-height: 1.4;
  font-family: barlowmedium, arial, sans-serif;
}

.promotesFullbg {
  position: relative;
  width: 100%;
}

.promotesbgUp img {
  width: 100%;
  margin-top: -243px;
  display: block;
}

.promotesbgMid {
  background: var(--yellowbtn);
  width: 100%;
}

.feltPromotes {
  background: var(--bluebann);
  border-radius: 16px;
  display: inline-block;
  color: var(--white);
  text-align: left;
  padding: 0 25px 5px;
  line-height: 1.2;
}

.howPromotes {
  padding-left: 30px;
}

.promotesbgDown img {
  width: 100%;
}

.doveImg {
  position: absolute;
  top: 0;
  right: 20px;
  width: 950px;
}

.nhowOnlineWrap {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-bottom: 180px;
  background: #fff;
}

.btnHowPromotes {
  margin-top: 50px;
  margin-left: 20%;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border: 2px solid transparent;
  padding: 25px 35px;
  font-family: barlowbold, arial, sans-serif;
  font-weight: 500;
  font-size: 21px;
  line-height: 1.3;
  color: #fff;
  background: var(--bluebann);
  border-radius: 64px;
  text-transform: uppercase;
  letter-spacing: 2px;
  min-width: 300px;
}

.onlinebg {
  position: relative;
}

.onlineImg {
  position: absolute;
  left: 100px;
  top: -240px;
  width: 600px;
  display: block;
}

.nhowWraprev .nhowCont {
  margin: 0 auto 0 60px;
  padding-bottom: 70px;
}

.nhowCont .btnBanner {
  margin-top: 50px;
  color: #fff;
}

.feltWinnigStrat {
  color: var(--text-main);
  padding: 0 10px 5px;
  background: var(--yellow-main);
  border-radius: 16px;
  line-height: 60px;
  display: block;
  width: 420px;
  text-align: left;
  display: inline-block;
}
.feltWinnigStratNew {
  color: var(--text-main);
  padding: 0 10px 5px;
  background: var(--yellow-main);
  border-radius: 16px;
  line-height: 60px;
  display: block;
  text-align: left;
  display: inline-block;
  margin-bottom: 5px;
}

.howspnorm {
  display: block;
}

.feltIdentity {
  color: var(--text-main);
  padding: 0 25px 5px;
  background: var(--yellow-main);
  border-radius: 16px;
  line-height: 80px;
}

.howIdentity {
  padding-left: 20px;
}

.onlineBottom {
  position: relative;
}

.cloudsOnline {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1200px;
  display: block;
}

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

  .sHowitworks,
  .bannHowWrap,
  .nhowLnk a {
    height: 980px;
  }

  .newbtnHow {
    font-size: 32px;
  }

  .newbtnHow span {
    font-size: 48px;
  }
  .btnFreeCon {
  	font-size: 30px;
  }
  .btnFreeCon span{
    font-size: 22px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .nhowTit {
    padding-left: 5%;
  }
  .sHowitworks,
  .bannHowWrap,
  .nhowLnk a {
    height: 580px;
  }
  .nhowTit h1 {
    font-size: 56px;
  }
  .banhowbg {
    background-size: 480px 64px;
    width: 480px;
    height: 64px;
  }
  .nhowText {
    font-size: 38px;
    padding: 40px 0 120px;
  }
  .winningStrategybg {
    height: 580px;
  }

  .nhowCont {
    width: 50%;
    padding-top: 0;
  }
  .nhowWrap {
    padding-bottom: 0;
    padding-top: 50px;
  }
  .nhowCont h2 {
    font-size: 40px;
  }
  .feltWinnigStrat {
    width: 340px;
    line-height: 50px;
  }
  .feltWinnigStratNew {
    line-height: 50px;
  }
  .nhowCont p {
    font-size: 21px;
  }
  .nhowWraprev {
    padding-top: 80px;
  }
  .doveImg {
    width: 600px;
  }
  .btnHowPromotes {
    padding: 25px 35px;
    font-size: 18px;
  }
  .nhowOnlineWrap {
    padding-top: 50px;
    padding-bottom: 155px;
  }
  .onlineImg {
    width: 400px;
    top: -140px;
  }
  .cloudsOnline {
    width: 780px;
  }
  .newbtnHow {
    font-size: 24px;
  }
  .newbtnHow span {
    font-size: 36px;
  }
  .btnHow {
    font-size: 26px;
    padding: 15px 60px;
  }
  .btnHow span {
    font-size: 14px;
  }
  .btnFreeCon {
    font-size: 24px;
    padding: 15px 35px;
  }
  .btnFreeCon span{
    font-size: 18px;
    top: 100px;
  }
}

@media only screen and (min-width: 1601px) and (max-width: 1919px) {
  .sHowitworks,
  .bannHowWrap,
  .nhowLnk a {
    height: 700px;
  }

  .winningStrategybg {
    height: 640px;
  }

  .doveImg {
    width: 700px;
  }

  .onlineImg {
    width: 500px;
    top: -180px;
  }

  .cloudsOnline {
    width: 780px;
  }

  .nhowWrap {
    padding-top: 90px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .nhowTit {
    padding-left: 2.5%;
  }
  .sHowitworks,
  .bannHowWrap,
  .nhowLnk a {
    height: 500px;
  }
  .nhowTit h1 {
    font-size: 54px;
  }
  .banhowbg {
    background-size: 500px 64px;
    width: 505px;
    height: 64px;
  }
  .nhowText {
    font-size: 30px;
    padding: 40px 0 120px;
  }
  .banhowT {
    padding-left: 15px;
  }
  .winningStrategybg {
    height: 680px;
  }
  .winningStrategybg {
    background: url("../images/howitworks/winning-strategy-bg-ipad.jpg")
      no-repeat;
  }
  .nhowCont {
    width: 52%;
    padding-top: 0;
  }
  .nhowWrap {
    padding-bottom: 0;
    padding-top: 50px;
  }
  .nhowCont h2 {
    font-size: 36px;
    margin-bottom: 35px;
  }
  .nhowwinning {
    padding-top: 70px;
  }
  .feltWinnigStrat {
    width: 310px;
    line-height: 50px;
  }
  .feltWinnigStratNew {
    line-height: 40px;
  }
  .nhowCont p {
    font-size: 18px;
  }
  .nhowWraprev {
    padding-top: 50px;
  }
  .nhowWraprev .nhowCont {
    margin-left: 0;
  }
  .doveImg {
    width: 500px;
    right: 0;
  }
  .btnHowPromotes {
    padding: 20px 25px;
    font-size: 16px;
  }
  .nhowOnlineWrap {
    padding-top: 50px;
    padding-bottom: 115px;
  }
  .onlineImg {
    width: 400px;
    top: -140px;
    left: 0;
  }
  .cloudsOnline {
    width: 580px;
  }
  .newbtnHow {
    font-size: 24px;
  }
  .newbtnHow span {
    font-size: 36px;
  }
  .btnHow {
    font-size: 26px;
    padding: 15px 60px;
  }
  .btnHow span {
    font-size: 14px;
  }
  .btnFreeCon {
    font-size: 22px;
    padding: 15px 35px;
  }
  .btnFreeCon span{
    font-size: 17px;
    top: 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .nhowTit {
    padding-left: 2.5%;
  }
  .sHowitworks,
  .bannHowWrap,
  .nhowLnk a {
    height: 440px;
  }
  .nhowTit h1 {
    font-size: 42px;
  }
  .banhowbg {
    background-size: 400px 54px;
    width: 410px;
    height: 54px;
  }
  .nhowText {
    font-size: 24px;
    padding: 40px 0 120px;
  }
  .banhowT {
    padding-left: 15px;
  }
  .winningStrategybg {
    background: none;
    height: auto;
  }
  .promotesFullbg {
    margin-top: 230px;
  }
  .winningStrategyMob {
    display: block;
    width: 100%;
  }
  .nhowWrap {
    flex-direction: column;
    justify-content: flex-start;
  }
  .nhowCont {
    width: 100%;
    padding-top: 0;
  }
  .nhowWrap {
    padding-bottom: 0;
    padding-top: 0;
  }
  .nhowCont h2 {
    font-size: 36px;
    margin-bottom: 35px;
    text-align: center;
  }
  .nhowwinning {
    padding: 20px 0 35px;
  }
  .feltWinnigStrat {
    width: 310px;
    margin: 0 auto;
    line-height: 45px;
  }
  .feltWinnigStratNew {
    line-height: 40px;
  }
  .nhowCont p {
    font-size: 16px;
    width: 80%;
    margin: 0 auto;
    text-align: center;
  }
  .nhowWraprev {
    padding-top: 480px;
  }
  .nhowWraprev .nhowCont {
    margin-left: 0;
  }
  .doveImg {
    width: 500px;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
  }
  .promotesBtnWrap {
    text-align: center;
  }
  .btnHowPromotes {
    padding: 20px 25px;
    font-size: 16px;
    margin-left: 0;
  }
  .nhowOnlineWrap {
    padding-top: 300px;
    padding-bottom: 150px;
  }
  .onlineImg {
    width: 340px;
    top: -110px;
    left: 0;
  }
  .cloudsOnline {
    width: 580px;
  }
  .newbtnHow {
    font-size: 24px;
  }
  .newbtnHow span {
    font-size: 36px;
  }
  .btnHow {
    font-size: 23px;
    padding: 10px 50px;
  }
  .btnHow span {
    font-size: 12px;
  }
  .btnFreeCon {
    font-size: 20px;
    padding: 15px 30px;
  }
  .btnFreeCon span{
    font-size: 17px;
    top: 85px;
  }
}

@media only screen and (max-width: 767px) {
  .sHowitworks {
    background: none;
    height: auto;
  }
  .bannHowWrap {
    display: none;
  }
  .banHowWrapMob {
    display: inline-block;
    background: #ffeb02;
    width: 100%;
  }
  .banHowWrapMob img {
    width: 100%;
  }
  .banHowBtnPlace {
    text-align: center;
    padding-bottom: 30px;
  }
  .nhowTitMob {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .nhowTitMob h1 {
    font-size: 50px;
    font-family: barlowbold, arial, sans-serif;
    color: #fff;
  }
  .banhowmobbg {
    color: var(--text-main);
    padding: 0 25px 5px;
    background: var(--bluebann);
    border-radius: 16px;
    line-height: 64px;
  }
  .nhowText {
    font-size: 32px;
    padding: 35px 0;
    font-family: barlowbold, arial, sans-serif;
  }
  .winningStrategybg {
    background: none;
    height: auto;
  }
  .winningStrategyMobile {
    display: block;
    width: 100%;
  }
  .nhowWrap {
    flex-direction: column;
    justify-content: center;
    padding: 0 0 50px;
  }
  .feltWinnigStrat {
    width: 280px;
    margin: 0 auto;
    line-height: 1.2;
  }
  .feltWinnigStratNew {
    line-height: 40px;
  }
  .nhowCont {
    width: 100%;
  }
  .nhowCont h2 {
    text-align: center;
    font-size: 32px;
  }
  .nhowCont p {
    font-size: 18px;
    line-height: 1.5;
  }
  .promotesbgUp,
  .promotesbgDown {
    display: none;
  }
  .doveImg {
    display: none;
  }
  .promotesMob {
    display: inline-block;
  }
  .promotesMob {
    display: block;
    width: 100%;
  }
  .promotesBtnWrap {
    text-align: center;
  }
  .btnHowPromotes {
    margin: 50px auto 0;
  }
  .nhowWraprev .nhowCont {
    margin: 0 auto;
  }
  .howPromotes {
    padding-left: 0;
  }
  .onlineImg {
    display: none;
  }
  .onlineImgMob {
    display: block;
    width: 100%;
    margin-top: -50px;
  }
  .feltIdentity {
    padding: 0 15px 5px;
  }
  .howIdentity {
    padding-left: 0;
  }
  .cloudsOnline {
    display: none;
  }
  .cloudsOnlineMob {
    display: block;
    width: 100%;
  }
  .nhowOnlineWrap {
    padding-bottom: 50px;
  }
  .newbtnHow {
    font-size: 24px;
  }
  .newbtnHow span {
    font-size: 36px;
  }
  .btnHow {
    font-size: 24px;
    padding: 10px 50px;
  }
  .btnHow span {
    font-size: 12px;
  }
  .btnFreeConsPlace{
    margin: 0 0 20px;
  }
  .btnFreeCon {
    font-size: 21px;
    padding: 15px 35px;
  }
  .btnFreeCon span{
    font-size: 18px;
    top: 90px;
  }
}

@media only screen and (max-width: 479px) {
  .nhowTitMob h1 {
    font-size: 32px;
    padding-top: 20px;
  }
  .nhowText {
    font-size: 24px;
    padding: 10px 0 35px;
  }
  .nhowCont h2 {
    font-size: 30px;
  }
  .feltWinnigStrat {
    width: 270px;
  }
  .feltPromotes {
    text-align: center;
    margin-bottom: 5px;
  }
  .nhowCont p {
    width: 95%;
    margin: 0 auto;
    line-height: 1.4;
  }
  .nhowCont h2 {
    margin-bottom: 25px;
  }
  .btnHowPromotes {
    font-size: 22px;
  }
  .nhowOnlineWrap {
    padding-bottom: 35px;
  }
  .btnHow {
    font-size: 24px;
    padding: 10px 35px;
  }
  .btnHow span {
    font-size: 12px;
  }
}

/*========================================================
	How it works page NEW
=========================================================*/
.howPageTop{
  padding: 120px 0;
}
.howPageSize{
  width: 72%;
  margin: 0 auto;
}
.howTitle h1{
  font-family: graphikbold, arial, sans-serif;
  font-size: 56px;
  text-align: center;
  line-height: 1.3;
    margin-bottom: 70px;
}
.howTitle h1 span{
  display: block;
}
.howTitle h1 br{
  display: none;
}

.howBoxesWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 80px 0 0;
}
.howBoxNormP{
  font-family: graphikr, arial, sans-serif;
  font-size: 24px;
  margin: 10px 0 0;
}
.howMobile{
  display: none!important;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .howPageSize {
  	width: 77%;
  }
  .howTitle h1 {
  	font-size: 48px;
  }
  .howBoxNormP {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .howPageTop {
  	padding: 90px 0;
  }
  .howPageSize {
  	width: 85%;
  }
  .howTitle h1 {
  	font-size: 40px;
      margin-bottom: 50px;
  }
  .howBoxNormP {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .howPageTop {
  	padding: 60px 0;
  }
  .howPageSize {
  	width: 78%;
  }
  .howBoxesWrap {
  	margin: 60px 0 0;
  }
  .howTitle h1 {
  	font-size: 38px;
      margin-bottom: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .howPageTop {
  	padding: 60px 0;
  }
  .howPageSize {
  	width: 78%;
  }
  .howBoxesWrap {
    width: 65%;
  	margin: 60px auto 0;
  }
  .howTitle h1 {
  	font-size: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .howDesktop{
    display: none;
  }
  .howMobile{
    display: block!important;
  }
  .howPageTop {
  	padding: 60px 0;
  }
  .howPageSize {
  	width: 90%;
  }
  .howMobile {
    width: 100%;
  	margin: 30px auto 0;
  }
  .addBott{
    margin: 0 0 40px;
  }
  .howTitle h1 {
  	font-size: 30px;
      margin-bottom: 30px;
  }
  .howTitle h1 br{
    display: block;
  }
 .howBoxNormP {
    font-size: 19px;
  }
}

/*========================================================
	What Makes section - how it works page
=========================================================*/
.whMakes{
  background: var(--bluebann);
  padding: 120px 0 100px;
}
.whMakesWrap{
  padding-left: 360px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.whMakesLeft{
  width: 39%;
  color: var(--white);
  padding-right: 100px;
}
.whMakesRight{
  width: 48%;
}
.whMakesLeft h3{
  font-family: graphikbold, arial, sans-serif;
  font-size: 52px;
  margin: 0 0 75px;
}
.whMakesLeft ul li {
	background: url('../images/newcheck.svg') no-repeat;
	background-position: left top 28px;
	background-size: 30px 30px;
	padding: 25px 0 25px 45px;
	font-family: graphikr, arial, sans-serif;
	font-size: 24px;
	line-height: 1.4;
	text-transform: none;
  border-bottom: 2px solid #3970b1;
}
.whMakesLeft ul li span{
  display: block;
  font-size: 26px;
  font-family: graphikbold, arial, sans-serif;
  margin: 0 0 5px;
}
.whMakesAdditi{
  display: flex;
  justify-content: space-between;
  margin: 75px 0 0;
}
.whMakesDescr{
  width: 52%;
}
.whMakesDescr p{
  font-family: graphikr, arial, sans-serif;
  font-size: 23px;
  line-height: 1.4;
}
.whMakesDescr p span{
  color: var(--divider-yellow);
  display: block;
  font-family: graphiksemi, arial, sans-serif;
  font-size: 34px;
  text-transform: capitalize;
  margin: 0 0 10px;
}
.whMakesRight img{
  width: 100%;
}
.whMakesImgMob{
  display: none;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .whMakesWrap {
  	padding-left: 220px;
  }
  .whMakesLeft h3 {
  	font-size: 44px;
  	margin: 0 0 65px;
  }
  .whMakesLeft {
  	width: 45%;
  	padding-right: 80px;
  }
  .whMakesLeft ul li {
  	background-position: left top 28px;
  	background-size: 30px 30px;
  	padding: 25px 0 25px 45px;
  	font-size: 22px;
  }
  .whMakesLeft ul li span {
  	font-size: 24px;
  	margin: 0 0 5px;
  }
  .whMakesDescr p span {
  	font-size: 31px;
  }
  .whMakesDescr p {
  	font-size: 21px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .whMakes {
  	padding: 90px 0 70px;
  }
  .whMakesSize{
    width: 85%;
    margin: 0 auto;
  }
  .whMakesWrap {
  	padding-left: 0;
    justify-content: space-between;
  }
  .whMakesLeft h3 {
  	font-size: 38px;
  	margin: 0 0 45px;
  }
  .whMakesLeft {
  	width: 51%;
  	padding-right: 60px;
  }
  .whMakesLeft ul li {
  	background-position: left top 28px;
  	background-size: 26px 26px;
  	padding: 25px 0 25px 40px;
  	font-size: 19px;
  }
  .whMakesLeft ul li span {
  	font-size: 22px;
  	margin: 0 0 5px;
  }
  .whMakesDescr p span {
  	font-size: 28px;
  }
  .whMakesDescr p {
  	font-size: 19px;
  }
  .whMakesAdditi {
  	margin: 55px 0 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .whMakes {
  	padding: 80px 0 60px;
  }
  .whMakesSize{
    width: 87%;
    margin: 0 auto;
  }
  .whMakesWrap {
  	padding-left: 0;
    justify-content: space-between;
  }
  .whMakesLeft h3 {
  	font-size: 31px;
  	margin: 0 0 45px;
  }
  .whMakesLeft {
  	width: 51%;
  	padding-right: 60px;
  }
  .whMakesLeft ul li {
  	background-position: left top 28px;
  	background-size: 26px 26px;
  	padding: 25px 0 25px 40px;
  	font-size: 19px;
  }
  .whMakesLeft ul li span {
  	font-size: 22px;
  	margin: 0 0 5px;
  }
  .whMakesDescr p span {
  	font-size: 19px;
  }
  .whMakesDescr p {
  	font-size: 19px;
  }
  .whMakesAdditi {
  	margin: 55px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .whMakesImgMob{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 55px;
  }
  .whMakes {
  	padding: 80px 0 60px;
  }
  .whMakesSize{
    width: 90%;
    margin: 0 auto;
  }
  .whMakesWrap {
  	padding-left: 0;
    justify-content: space-between;
  }
  .whMakesLeft h3 {
  	font-size: 38px;
  	margin: 0 0 55px;
  }
  .whMakesLeft {
  	width: 100%;
  	padding-right: 0;
  }
  .whMakesLeft ul li {
  	background-position: left top 28px;
  	background-size: 26px 26px;
  	padding: 25px 0 25px 40px;
  	font-size: 19px;
  }
  .whMakesLeft ul li span {
  	font-size: 22px;
  	margin: 0 0 5px;
  }
  .whMakesDescr p span {
  	font-size: 28px;
  }
  .whMakesDescr p {
  	font-size: 19px;
  }
  .whMakesAdditi {
  	margin: 55px 0 0;
  }
  .whMakesRight{
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .whMakesImgMob{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 55px;
  }
  .whMakes {
  	padding: 80px 0 60px;
  }
  .whMakesSize{
    width: 90%;
    margin: 0 auto;
  }
  .whMakesWrap {
  	padding-left: 0;
    justify-content: space-between;
  }
  .whMakesLeft h3 {
  	font-size: 30px;
  	margin: 0 0 55px;
  }
  .whMakesLeft {
  	width: 100%;
  	padding-right: 0;
  }
  .whMakesLeft ul li {
  	background-position: left top 28px;
  	background-size: 26px 26px;
  	padding: 25px 0 25px 40px;
  	font-size: 19px;
  }
  .whMakesLeft ul li span {
  	font-size: 21px;
  	margin: 0 0 5px;
  }
  .whMakesDescr p span {
  	font-size: 28px;
  }
  .whMakesDescr p {
  	font-size: 19px;
  }
  .whMakesAdditi {
  	margin: 55px 0 0;
    flex-direction: column;
  }
  .whMakesDescr {
  	width: 95%;
    margin: 0 0 40px;
  }
  .whMakesRight{
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .whMakesDescr {
  	width: 75%;
  }
}


/*========================================================
	Portfolio
=========================================================*/
.portMobile {
  display: none !important;
}
.portfolioNew .feltLang {
  color: var(--text-main);
  padding: 0 15px 5px;
  background: var(--yellow-main);
  border-radius: 16px;
  line-height: 80px;
}
.portfolioBtnPlace {
  text-align: center;
  padding: 0 0 30px;
}
.btnHow {
  margin-left: 0;
}
.portfolioImgMob {
  display: none;
}
.portfolioMainbg {
  background-image: url("../images/portfolio/banPortfolio.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 980px;
}
.portfolioRestaurants {
  background-image: url("../images/portfolio/banner-restaurant-desktop.jpg");
}
.portfolioSkilled {
  background-image: url("../images/portfolio/banner-service-desktop.jpg");
}
.portfolioMedical {
  background-image: url("../images/portfolio/banner-medical-desktop.jpg");
}
.portfolioEcommerce {
  background-image: url("../images/portfolio/banner-ecommerce-desktop.jpg");
}
.banPortWrap {
  height: 780px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.banPortLeft {
  width: 50%;
}
.banPortLeft h1 {
  font-family: barlowbold, arial, sans-serif;
  font-size: 80px;
  text-align: left;
  text-transform: capitalize;
  line-height: 1;
  color: #fff;
}
.banmarkleft {
  width: 40%;
}
.feltPortMain {
  color: var(--text-main);
  padding: 0 15px;
  background: var(--yellow-main);
  border-radius: 16px;
  line-height: 0.7;
}
.banPortLeft p {
  font-size: 24px;
  line-height: 1.5;
  text-align: left;
  padding: 50px 0 70px;
  font-family: BarlowRegular, arial, sans-serif;
  width: 90%;
  color: #000;
}

.btnDesign {
  padding: 25px 60px;
}

.btnDesign span {
  display: block;
}

.banportnorm {
  padding-left: 20px;
  display: block;
}

.portfolioMainbg .banportnorm {
  color: #00baff;
}

.portfolioMainbg .banPortLeft p {
  color: #000;
}

.portfolioCatbg {
  padding: 100px 0;
}

.portCatWrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.portCatWrap a {
  width: 16%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.portCircle {
  width: 200px;
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #00baff;
}

.portCircle:hover {
  background: #ffeb02;
}

.portCircle img {
  width: 140px;
}

.portCircle img:hover {
  filter: invert(100%);
}

.portCatBox:hover {
  cursor: pointer;
}

.portCatBox p {
  font-size: 28px;
  font-family: barlowmedium, arial, sans-serif;
  padding-top: 10px;
  text-transform: capitalize;
  text-align: center;
}

.portfolioPrevbg {
  padding: 0 0 70px;
}

.portGallWrap {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}

.portGallWrap .portGallBox {
  width: 31%;
  margin-bottom: 70px;
  overflow: hidden;
  position: relative;
}

.portGallWrap .portGallBox .portGallImg img {
  width: 100%;
}

.portGallWrap .portGallBox .portGallCont {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  background: rgba(0, 185, 255, 0);
  width: 100%;
  height: 100%;
  transition: 0.5s;
  opacity: 0;
}

.portGallWrap .portGallBox:hover .portGallCont {
  opacity: 1;
  z-index: 1;
  background: rgba(0, 185, 255, 0.8);
  height: calc(100% - 0);
}

.portGallWrap .portGallBox .portGallCont h3 {
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  display: inline-block;
  width: 100%;
  font-size: 40px;
  font-family: barlowmedium, arial, sans-serif;
  color: #fff;
  text-transform: capitalize;
  padding-bottom: 50px;
}

.portGallWrap .portGallBox .portGallCont .portBtn {
  position: absolute;
  top: 200px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border: 2px solid transparent;
  padding: 15px 20px;
  font-family: barlowsemibold, arial, sans-serif;
  font-weight: 500;
  font-size: 23px;
  line-height: 1.3;
  color: #000;
  background: #ffeb02;
  border-radius: 64px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0 auto;
  width: 290px;
}

@media only screen and (min-width: 2560px) {
  .portfolioMainbg .banPortLeft {
    margin-top: 140px;
  }
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .portfolioMainbg {
    height: 780px;
  }
  .btnDesign {
    padding: 25px 30px;
    font-size: 20px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .portfolioMainbg,
  .banPortWrap {
    height: 580px;
  }

  .banPortLeft h1 {
    font-size: 56px;
  }
  .btnDesign {
    padding: 15px 40px;
    font-size: 16px;
  }

  .btnDesign span {
    display: block;
  }
  .banPortLeft p {
    font-size: 21px;
    padding: 30px 0 35px;
  }

  .portfolioCatbg {
    padding: 50px 0;
  }

  .portCircle {
    width: 130px;
    height: 130px;
  }

  .portCircle img {
    width: 100px;
  }

  .portCatBox p {
    font-size: 21px;
  }

  .portfolioPrevbg {
    padding: 20px 0 0;
  }

  .portfolioBtnPlace {
    padding: 0 0 60px;
  }

  .portGallWrap .portGallBox .portGallCont h3 {
    font-size: 30px;
  }

  .portGallWrap .portGallBox .portGallCont .portBtn {
    font-size: 16px;
  }
}

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

  .portfolioMainbg,
  .banPortWrap {
    height: 500px;
  }

  .banPortLeft h1 {
    font-size: 50px;
  }

  .banPortLeft {
    width: 55%;
  }

  .btnDesign {
    padding: 15px 40px;
    font-size: 16px;
  }

  .btnDesign span {
    display: block;
  }

  .banPortLeft p {
    padding: 35px 0;
    font-size: 16px;
    line-height: 1.3;
  }

  .portfolioCatbg {
    padding: 50px 0;
  }

  .portCircle {
    width: 110px;
    height: 110px;
  }

  .portCircle img {
    width: 80px;
  }

  .portCatWrap {
    width: 95%;
  }

  .portCatBox p {
    font-size: 21px;
  }
  .portfolioPrevbg {
    padding-bottom: 0;
  }

  .portfolioBtnPlace {
    padding: 0 0 80px;
  }

  .portGallWrap .portGallBox .portGallCont h3 {
    font-size: 26px;
  }

  .portGallWrap .portGallBox .portGallCont .portBtn {
    font-size: 16px;
  }
}

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

  .portfolioMainbg,
  .banPortWrap {
    height: 440px;
  }

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

  .banPortLeft {
    width: 55%;
  }

  .banportnorm {
    font-size: 38px;
  }

  .btnDesign {
    padding: 15px 35px;
    font-size: 14px;
  }

  .btnDesign span {
    display: block;
  }

  .banPortLeft p {
    width: 300px;
    padding: 35px 0 30px 20px;
    font-size: 16px;
    line-height: 1.3;
  }
  .bandespleft p {
    padding: 35px 0 20px;
  }
  .portfolioCatbg {
    padding: 50px 0;
  }

  .portCircle {
    width: 90px;
    height: 90px;
  }

  .portCircle img {
    width: 60px;
  }

  .portCatWrap {
    width: 95%;
  }

  .portCatBox p {
    font-size: 19px;
  }
  .portfolioPrevbg {
    padding-bottom: 35px;
  }

  .portGallWrap .portGallBox {
    width: 48%;
    margin-bottom: 35px;
  }

  .portGallWrap .portGallBox .portGallCont h3 {
    font-size: 24px;
  }

  .portGallWrap .portGallBox .portGallCont .portBtn {
    font-size: 16px;
  }
}

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

  .banPortWrap {
    height: auto;
  }

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

  .banPortLeft h1 {
    font-size: 40px;
    padding: 35px 0 45px;
    text-align: center;
  }

  .banPortLeft {
    width: 100%;
    margin: 0 auto 50px;
    text-align: center;
  }

  .banportnorm {
    color: #000;
  }

  .feltPortMain {
    background-size: 350px 46px;
    width: 355px;
    height: 46px;
    text-align: center;
  }
  .banPortLeft p {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 30px;
    font-size: 18px;
    line-height: 1.3;
    color: #000;
  }
  .portfolioCatbg {
    padding: 0 0 50px;
  }

  .portCircle {
    width: 70px;
    height: 70px;
  }

  .portCircle img {
    width: 50px;
  }

  .portCatWrap {
    width: 95%;
  }

  .portCatBox p {
    display: none;
  }

  .portfolioNew .feltLang {
    font-size: 30px;
    height: 50px;
    line-height: 50px;
  }

  .portfolioBtnPlace {
    padding: 50px 0 0;
  }

  .portfolioPrevbg {
    padding: 20px 0;
  }

  .portGallWrap {
    flex-direction: column;
  }

  .portGallWrap .portGallBox {
    width: 100%;
    margin-bottom: 25px;
  }

  .portGallWrap .portGallBox:not(:last-child) {
    margin-bottom: 50px;
  }

  .portGallWrap .portGallBox .portGallCont h3 {
    font-size: 24px;
  }

  .portGallWrap .portGallBox .portGallCont .portBtn {
    font-size: 16px;
  }

  .banportnorm {
    padding-left: 0;
    display: block;
  }
  .btnDesign span {
    display: block;
  }
}

@media only screen and (max-width: 479px) {
  .portCircle {
    width: 50px;
    height: 50px;
  }

  .portCircle img {
    width: 30px;
  }

  .feltPortMain {
    background-size: 280px 46px;
    width: 280px;
    height: 46px;
    text-align: center;
  }

  .banPortLeft h1 {
    font-size: 36px;
    padding: 35px 0 30px;
  }

  .portfolioCatbg {
    padding: 0 0 35px;
  }

  .portGallWrap .portGallBox:not(:last-child) {
    margin-bottom: 30px;
  }

  .btnDesign {
    padding: 15px 30px;
  }
}

/*========================================================
	Portfolio page iframes
=========================================================*/
.iframesSec{
  padding: 100px 0;
}
.iframesSize{
  width: 90%;
  max-width: 1920px;
  margin: 0 auto;
}
.iframesSec h2 {
	font-family: barlowbold, arial, sans-serif;
	font-size: 48px;
	text-align: left;
	text-transform: capitalize;
	line-height: 0.9;
	color: #000;
	text-align: center;
}
.iframeBox{
  margin: 100px 0 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .iframesSec{
    padding: 60px 0;
  }
  .iframeBox{
    margin: 60px 0 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .iframesSec{
    padding: 60px 0;
  }
  .iframesSec h2 {
  	font-size: 40px;
  }
  .iframeBox{
    margin: 60px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .iframesSec{
    padding: 60px 0;
  }
  .iframesSec h2 {
  	font-size: 40px;
  }
  .iframeBox{
    margin: 60px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .iframesSec{
    padding: 40px 0;
  }
  .iframesSec h2 {
  	font-size: 36px;
    max-width: 90%;
    margin: 0 auto;
  }
  .iframesSec h2 .feltLang {
  	font-size: 30px;
  	height: 50px;
  	line-height: 50px;
  }
  .iframesSize{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
  }
  .iframeBox{
    margin: 40px 0 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .iframesSec h2 {
    max-width: 76%;
  }
}



/*========================================================
	Design Packages
=========================================================*/
.despImgMob,
.despMobile,
.desnMob,
.swipearrows {
  display: none !important;
}
.despMainbg {
  background: url("../images/designpackages/website-for-business.jpg") center center no-repeat;
  background-size: cover;
  height: 780px;
}
.desnSolbg {
    background: #f7f7f7;
}
.desnSolbg .desnarr {
    display: inline-block!important;
    margin-top: 25px;
    font-size: 16px;
    font-family: barlowm,arial,sans-serif;
}
.bandespleft h1 {
  color: #000;
}
.bandespleft p {
  width: 70%;
}
.despTabbg {
  padding: 100px 0;
}

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

.despTabBox {
  width: 32%;
  display: flex;
  flex-direction: column;
  /*justify-content: center;*/
  text-align: center;
}

.despTabBox h3 {
  font-size: 48px;
  font-family: barlowbold, arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 15px;
}

.despPri {
  font-size: 56px;
  font-family: barlowbold, arial, sans-serif;
  line-height: 1;
  margin: 0 auto;
  text-align: center;
  padding-top: 3px;
  margin-bottom: 35px;
}

.despTabBox .category-list {
  font-family: barlowmedium, arial, sans-serif;
  font-size: 24px;
  width: 100%;
  border-color: #ddd;
  border-radius: 5px;
}

.despTabBox .category-star {
  background-position-y: 11px;
}

.despPri span:not(.price-clmn) {
  display: block;
  font-size: 26px;
  font-family: barlowmedium, arial, sans-serif;
  text-transform: capitalize;
}

.despPriOne {
  color: var(--text-main);
  padding: 0 25px 5px;
  background: #c0fe03;
  border-radius: 16px;
  line-height: 0.9;
}

.despPriTwo {
  color: var(--text-main);
  padding: 0 25px 5px;
  background: var(--yellow-main);
  border-radius: 16px;
  line-height: 0.9;
}

.despPriThree {
  color: var(--text-main);
  padding: 0 25px 5px;
  background: #fc9d58;
  border-radius: 16px;
  line-height: 0.9;
}

.priLine {
  height: 3px;
  border-bottom: 1px solid #000;
  width: 95%;
  margin: 0 auto 35px;
}

.despTabBox h4 {
  font-size: 56px;
  font-family: barlowbold, arial, sans-serif;
  color: var(--bluebann);
  line-height: 1;
  text-transform: capitalize;
}

.despTabBox h4 span {
  display: block;
}

.despTabBox ul {
  text-align: left;
  width: 90%;
  margin: 40px auto;
  min-height: 1166px;
}

.despTabBox ul li {
  background: url("../images/designpackages/bluestar.png") no-repeat;
  background-position: left top 15px;
  background-size: 12px 12px;
  font-size: 24px;
  font-family: "Varela", arial, sans-serif;
  padding: 8px 0 8px 24px;
  color: var(--gray);
  text-transform: none;
}
.despTabBox ul li span {
  font-weight: bold;
  margin-right: 8px;
}

.bestopWrapper {
  width: 100%;
  margin: 0 auto 0;
}

.bestWrap {
  width: 100%;
  margin: 0 auto;
  padding: 35px 35px 50px 35px;
  background: #fafaf9;
  border: 1px solid #dcdcd5;
  border-radius: 20px;
  text-align: left;
}

.bestOption {
  font-size: 30px;
  font-family: barlowbold, arial, sans-serif;
  text-transform: capitalize;
  line-height: 1;
  position: relative;
  padding-left: 29px;
}

.bestOption span {
  display: block;
}

.bestOption::before {
  width: 19px;
  content: " ";
  background-image: url("../images/designpackages/exclam.png");
  position: absolute;
  left: 0;
  top: 0;
  height: 65px;
}

.besOptionCont {
  padding: 25px 0;
  font-size: 23px;
  font-family: barlowmedium, arial, sans-serif;
  line-height: 1.2;
}

.bestLnk {
  color: #00baff;
  font-family: barlowbold, arial, sans-serif;
  text-transform: none;
}

.despBtn {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border: 2px solid transparent;
  padding: 15px 30px;
  font-family: barlowsemibold, arial, sans-serif;
  font-weight: 500;
  font-size: 21px;
  line-height: 1.3;
  color: #fff;
  background: var(--bluebann);
  border-radius: 64px;
  text-transform: capitalize;
  letter-spacing: 2px;
}

.despBtnWrap {
  text-align: center;
  margin-top: -40px;
}
.designpack li span {
  font-weight: 700;
}

.sharedbg {
  padding: 35px 0 100px;
}

.nappBoxWrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 70px;
}

.nappBox {
  position: relative;
  width: 21.5%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 130px;
  margin-left: 25px;
}

.nappBox h2,
.nappBox h3,
.nappBox h4 {
  margin-bottom: 14px;
  font-family: barlowbold, arial, sans-serif;
  font-size: 30px;
}

.nappBox p {
  font-size: 21px;
  font-family: barlowmedium, arial, sans-serif;
  text-transform: none;
  line-height: 1.5;
}

.feltShared {
  color: var(--text-main);
  padding: 0 15px 5px;
  background: var(--yellow-main);
  border-radius: 16px;
  line-height: 80px;
}

.desp1::before {
  position: absolute;
  content: "";
  background-image: url(../images/designpackages/des-responsive-design.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.desp2::before {
  position: absolute;
  content: "";
  background-image: url(../images/designpackages/des-custom-design.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.desp3::before {
  position: absolute;
  content: "";
  background-image: url(../images/designpackages/des-code-compliant.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.desp4::before {
  position: absolute;
  content: "";
  background-image: url(../images/designpackages/des-logo-creation.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.desp5::before {
  position: absolute;
  content: "";
  background-image: url(../images/designpackages/des-content-creation.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.desp6::before {
  position: absolute;
  content: "";
  background-image: url(../images/designpackages/des-seo.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.desp7::before {
  position: absolute;
  content: "";
  background-image: url(../images/designpackages/des-sitemap.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.desp8::before {
  position: absolute;
  content: "";
  background-image: url(../images/designpackages/des-link-redirect.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.sharedBelow p {
  font-size: 16px;
  text-align: left;
  font-family: barlowmedium, arial, sans-serif;
  line-height: 1.2;
  padding-top: 50px;
  width: 40%;
}

.desp5,
.desp6,
.desp7,
.desp8 {
  margin-bottom: 30px;
}
.designpackWrap {
  width: 100%;
}
/* new design packages boxes */
.desnboxbg {
}
.desnBoxesWrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 100px 0;
  flex-wrap: wrap;
}
/* end of changing */


.descnBox {
  width: 23% !important;
}
.descH3 {
  margin-bottom: 0;
}
.desattnbg {
  padding: 120px 0 0;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .despTabBox .category-list {
    font-size: 18px;
  }
  .despTabBox h3 {
    font-size: 36px;
  }
  .despPri {
    font-size: 46px;
  }
  .despPri span:not(.price-clmn) {
    font-size: 22px;
  }
  .despTabBox h4 {
    font-size: 38px;
  }
  .despTabBox ul {
    min-height: 1022px;
  }
  .despTabBox ul li {
    font-size: 22px;
    background-size: 15px 15px;
    padding: 5px 0 5px 24px;
    background-position: left top 9px;
  }
  .sharedbg {
    padding: 35px 0 0;
  }
  .bestOption {
    font-size: 24px;
    padding-left: 22px;
  }
  .bestOption::before {
    width: 13px;
    height: 44px;
    background-size: 13px 44px;
  }
  .besOptionCont,
  .rocketMidWrap p {
    font-size: 21px;
  }
  .bestWrap,
  .priLine {
    width: 420px;
  }
  .despBtn {
    font-size: 24px;
  }
  .designpackWrap {
    width: 100%;
  }

  .desnBoxesWrap {
    padding: 90px 0 60px;
    width: 1728px;
  }
  .desattnbg {
    padding-top: 90px;
  }
  .desattnbg .desattWrap {
    padding-bottom: 50px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .despTabBox .category-list {
    font-size: 18px;
  }
  .despMainbg {
    height: 580px;
  }
  .despTabBox h3 {
    font-size: 32px;
  }
  .despPri {
    font-size: 42px;
  }
  .despPri span:not(.price-clmn) {
    font-size: 18px;
  }
  .despTabBox h4 {
    font-size: 34px;
  }
  .despTabBox ul {
    min-height: 831px;
  }
  .despTabBox ul li {
    font-size: 18px;
    background-size: 15px 15px;
    padding: 3px 0 3px 24px;
    background-position: left top 6px;
  }
  .bestOption {
    font-size: 20px;
    padding-left: 22px;
  }
  .bestOption::before {
    width: 13px;
    height: 44px;
    background-size: 13px 44px;
  }
  .besOptionCont {
    font-size: 16px;
  }
  .bestWrap,
  .priLine {
    width: 340px;
  }
  .bestWrap {
    padding: 20px 20px 50px 20px;
  }
  .despBtn {
    font-size: 21px;
  }
  .despTabbg {
    padding: 70px 0;
  }
  .sharedbg {
    padding: 0;
  }
  .sharedBelow p {
    width: 720px;
  }
  .nappBox h2,
  .nappBox h3,
  .nappBox h4 {
    font-size: 26px;
  }
  .nappBox p {
    font-size: 18px;
  }
  .designpackWrap {
    width: 100%;
  }
  .desnBoxesWrap {
    padding: 35px 0 30px;
  }
  .desattnbg {
    padding-top: 50px;
  }
  .desattnbg .desattWrap {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .despTabBox .category-list {
    font-size: 18px;
  }
  .despMainbg {
    height: 500px;
  }
  .bandespleft h1 {
    font-size: 48px;
  }
  .despTabBox h3 {
    font-size: 24px;
  }
  .despPri {
    font-size: 42px;
  }
  .despPri span:not(.price-clmn) {
    font-size: 18px;
  }
  .despTabBox h4 {
    font-size: 28px;
  }
  .despTabBox ul {
    min-height: 966px;
  }
  .despTabBox ul li {
    font-size: 16px;
    background-size: 15px 15px;
    padding: 3px 0 3px 24px;
    background-position: left top 6px;
  }
  .bestOption {
    font-size: 18px;
    padding-left: 22px;
  }
  .bestOption::before {
    width: 13px;
    height: 44px;
    background-size: 13px 44px;
  }
  .besOptionCont {
    font-size: 17px;
  }
  .bestWrap,
  .priLine {
    width: 310px;
  }
  .bestWrap {
    padding: 20px 20px 50px 20px;
  }
  .despBtn {
    font-size: 20px;
  }
  .despTabbg {
    padding: 70px 0 30px;
  }
  .sharedbg {
    padding: 60px 0 0;
  }
  .sharedBelow p {
    width: 720px;
  }
  .nappBox h2,
  .nappBox h3,
  .nappBox h4 {
    font-size: 24px;
  }
  .nappBox p {
    font-size: 16px;
  }
  .designpackWrap {
    width: 100%;
  }
  .desnBoxesWrap {
    padding: 35px 0 30px;
  }
  .desattnbg {
    padding-top: 50px;
  }
  .desattnbg .desattWrap {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .despTabBox .category-list {
    font-size: 18px;
  }
  .despMainbg {
    height: 440px;
  }
  .bandespleft h1 {
    font-size: 36px;
  }
  .despTabBox h3 {
    font-size: 28px;
  }
  .despPri {
    font-size: 42px;
  }
  .despPri span:not(.price-clmn) {
    font-size: 18px;
  }
  .despTabBox h4 {
    font-size: 34px;
  }
  .despTabBox ul {
    min-height: 840px;
  }
  .despTabBox ul li {
    font-size: 16px;
    background-size: 15px 15px;
    padding: 3px 0 3px 24px;
    background-position: left top 6px;
  }
  .nappBoxWrap {
    padding-top: 0;
  }
  .bestOption {
    font-size: 18px;
    padding-left: 22px;
  }
  .bestOption::before {
    width: 13px;
    height: 44px;
    background-size: 13px 44px;
  }
  .besOptionCont {
    font-size: 17px;
  }
  .bestWrap,
  .priLine {
    width: 310px;
  }
  .bestWrap {
    padding: 20px 20px 50px 20px;
  }
  .despBtn {
    font-size: 18px;
  }
  .despTabbg {
    padding: 35px 0 0;
  }
  .sharedbg {
    padding: 60px 0 70px;
  }
  .sharedBelow p {
    width: 720px;
  }
  .despTabWrap {
    flex-wrap: wrap;
  }
  .despTabBox {
    width: 49%;
    margin-bottom: 50px;
  }
  .desp7,
  .desp8 {
    margin-bottom: 20px !important;
  }
  .nappBox {
    width: 28%;
  }
  .nappBox h2,
  .nappBox h3,
  .nappBox h4 {
    font-size: 24px;
  }
  .nappBox p {
    font-size: 16px;
  }
  .designpackWrap {
    width: 100%;
  }
  .designpackWrap {
    width: 100%;
  }
  .desnBoxesWrap {
    padding: 55px 0 10px;
  }
  .desattnbg {
    padding-top: 50px;
  }
  .desattnbg .desattWrap {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .despDesktop,
  .desnDesktop {
    display: none;
  }
  .despMobile,
  .desnMob {
    display: block !important;
    width: 100%;
    margin: 0 auto 35px;
    padding: 0;
  }
  .swipearrows {
    padding: 5px 0 5px;
    font-size: 16px !important;
    color: var(--bluebann);
    font-family: arial, sans-serif !important;
    font-weight: 900 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  .swipestleft {
    margin-right: 5px;
  }
  .swipestright {
    margin-left: 5px;
  }
  .swipestleft,
  .swipestright {
    color: var(--bluebann);
    font-size: 18px;
  }
  .despTabBox .category-list {
    font-size: 18px;
  }
  .despMainbg {
    background: none;
    height: auto;
  }
  .despImgMob {
    width: 100%;
    display: block !important;
  }
  .despTabbg {
    padding: 35px 0 50px;
  }
  .despTabWrap {
    flex-direction: column;
  }
  .despTabBox,
  .bestWrap {
    width: 90%;
    margin: 0 auto;
  }
  .despTabBox {
    margin-bottom: 0;
  }
  .desp5,
  .desp6,
  .desp7,
  .desp8 {
    margin-bottom: 100px;
  }
  .sharedBelow p {
    width: 100%;
    padding-top: 0;
  }
  .sharedbg {
    padding: 35px 0;
  }
  .sharedpad {
    padding-top: 0;
  }
  .despTabBox h3 {
    font-size: 36px;
  }
  .despPri {
    font-size: 44px;
    margin-bottom: 15px;
  }
  .despPri span:not(.price-clmn) {
    font-size: 19px;
  }
  .despTabBox h4 {
    font-size: 38px;
  }
  .priLine {
    margin-bottom: 15px;
  }
  .despTabBox ul {
    min-height: 1146px;
  }
  .despTabBox ul li {
    font-size: 18px;
    background-size: 15px 15px;
    padding: 3px 0 3px 22px;
    background-position: left top 7px;
  }
  .bestOption {
    font-size: 21px;
    padding-left: 20px;
  }
  .bestOption::before {
    width: 12px;
    height: 40px;
    background-size: 12px 40px;
  }
  .besOptionCont {
    padding: 15px 0;
    font-size: 18px;
  }
  .despBtn {
    font-size: 18px;
  }
  .nappBox {
    width: 400px;
    margin: 0 auto 15px;
    justify-content: center;
    text-align: center;
  }
  .nappLast,
  .nappPreLast {
    margin-bottom: 50px;
  }
  .nappBoxWrap {
    flex-direction: column;
    justify-content: center;
    padding-top: 20px;
    margin-top: 0;
    text-align: center;
  }
  .desp1::before,
  .desp2::before,
  .desp3::before,
  .desp4::before,
  .desp5::before,
  .desp6::before,
  .desp7::before,
  .desp8::before {
    display: none;
  }
  .nappBox img {
    width: 150px !important;
    margin: 0 auto 15px;
    position: relative;
  }
  .nappBox h4 {
    text-transform: capitalize;
    position: absolute;
    top: 90px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    color: #000;
    width: 100%;
    margin-bottom: 0;
  }
  .designpackWrap {
    width: 100%;
  }
  .desattnbg {
    padding-top: 35px;
  }
  .descnBox {
    width: 48% !important;
  }
  .blazingCircle:hover p {
    color: var(--bluebann);
  }
  .blazingCircle:hover {
    background: transparent;
  }
  .bandespleft p {
    width: 90%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .despTabBox ul {
    min-height: 916px;
  }
}
@media only screen and (max-width: 479px) {
  .despTabBox,
  .bestWrap {
    width: 90%;
  }
  .sharedH3 {
    font-size: 36px;
    margin-bottom: 50px;
  }
  .nappBoxWrap {
    flex-direction: column;
    width: 90%;
    margin: 0 auto;
  }
  .nappBox {
    width: 100%;
  }
  .nappPreLast {
    margin-bottom: 100px;
  }
  .nappLast {
    margin-bottom: 50px;
  }
  .feltShared {
    display: block;
    line-height: 1.1;
    width: 240px;
    margin: 0 auto;
    padding: 5px 15px;
  }
  .designpackWrap {
    width: 100%;
  }
}

/*========================================================
					Hosting
=========================================================*/
.hostImgMob,
.hostSslImgMob,
.everyplanImgMob {
  display: none;
}
.managedPriWrapMob {
  display: none !important;
}
.hostMainbg {
  background: url("../images/managedhosting/hosting-banner.jpg") center center no-repeat;
  background-size: cover;
  height: 780px;
}
.banHostWrap {
  height: 780px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.banHostLeft {
  width: 50%;
}
.banHostLeft h1 {
  font-family: barlowbold, arial, sans-serif;
  font-size: 80px;
  text-align: left;
  text-transform: capitalize;
  line-height: 1;
  color: #000;
}
.banHostLeft p {
  font-size: 24px;
  line-height: 1.5;
  text-align: left;
  padding: 50px 0 70px;
  font-family: BarlowRegular, arial, sans-serif;
  width: 90%;
  color: #000;
}
.hostH2 {
  font-family: barlowbold, arial, sans-serif;
  font-size: 64px;
  text-align: left;
  text-transform: capitalize;
  line-height: 1;
  color: #000;
  padding-top: 15px;
}
.feltHostMain {
  color: var(--text-main);
  padding: 0 15px 5px;
  background: var(--yellow-main);
  border-radius: 16px;
  line-height: 1.1;
}
.blazingTit {
  text-align: center;
}
.blazingTit h2 {
  font-size: 60px;
  font-family: barlowbold, arial, sans-serif;
  text-transform: capitalize;
  line-height: 1;
}
.feltBlazing {
  background: url(../images/managedhosting/feltBlazing.png) left top no-repeat;
  background-size: 380px 70px;
  width: 380px;
  height: 70px;
  display: inline-block;
}
.blazingspnorm {
  display: block;
}
.blazingWrap {
  padding-top: 100px;
  padding-bottom: 100px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.blazingBox {
  width: 18%;
  margin: 0 auto 90px;
  text-align: center;
}
.blazingBox:nth-last-child(1),
.blazingBox:nth-last-child(2),
.blazingBox:nth-last-child(3),
.blazingBox:nth-last-child(4),
.blazingBox:nth-last-child(5) {
  margin-bottom: 20px;
}
.blazingCircle {
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: #f5f4f3;
  position: relative;
  margin: 0 auto;
}
.blazingCircle:hover {
  background: var(--bluebann);
}
.blazingCircle:hover p {
  color: var(--white);
}
.blazingCircle p {
  font-size: 28px;
  font-family: barlowbold, arial, sans-serif;
  text-align: center;
  padding-top: 110px;
  text-transform: capitalize;
}
.blazCircleIco {
  position: absolute;
  top: -20px;
  left: 0;
  width: 120px;
  height: 120px;
}
.hostSimpleUp,
.hostSimpleDown {
  width: 100%;
  display: block;
}
.hostSimpleMid {
  width: 100%;
  margin: 0 auto;
  background: var(--yellowbtn);
  height: 600px;
}
.hostSslWrap {
  position: relative;
}
.hostSslImg {
  position: absolute;
  top: -130px;
  left: 0;
  width: 520px;
}
.hostSimpleLeft {
  width: 65%;
  float: right;
  text-align: left;
}
.hostSimpleLeft h3 {
  font-size: 60px;
  font-family: barlowbold, arial, sans-serif;
  color: #fff;
  text-transform: capitalize;
}
.felthostSimpleOne {
  color: var(--text-main);
  padding: 0 25px 5px;
  background: var(--bluebann);
  border-radius: 16px;
  line-height: 1.1;
}
.felthostSimpleOneMob1,
.felthostSimpleOneMob2 {
  display: none;
}
.simpleContOne {
  font-size: 32px;
  font-family: barlowbold, arial, sans-serif;
  color: #000;
  line-height: 1.3;
  padding: 35px 0;
}
.hostSimpleLeft h4 {
  font-size: 52px;
  font-family: barlowbold, arial, sans-serif;
  color: #fff;
  text-transform: capitalize;
}
.felthostSimpleTwo {
  color: var(--text-main);
  padding: 0 25px 5px;
  background: var(--bluebann);
  border-radius: 16px;
  line-height: 1.1;
}
.simpleContTwo {
  font-size: 24px;
  font-family: barlowmedium, arial, sans-serif;
  line-height: 1.7;
  padding-top: 35px;
}
.managedbg {
  background: var(--bluebann);
  padding-top: 70px;
}
.everyplanWrap {
  position: relative;
}
.everyplanWrap h3 {
  font-size: 60px;
  font-family: barlowbold, arial, sans-serif;
  color: #000;
  text-transform: capitalize;
  text-align: center;
}
.felteveryPlan {
  color: var(--text-main);
  padding: 0 25px 5px;
  background: var(--yellow-main);
  border-radius: 16px;
  line-height: 1.1;
}
.felteveryPlanMob1,
.felteveryPlanMob2 {
  display: none;
}
.everyplanList {
  width: 1600px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-top: 100px;
}
.everyplanList ul {
  width: 50%;
  margin-bottom: 120px;
  max-width: 880px;
}
.everyplanList ul li {
  background: url("../images/check.png") no-repeat;
  background-position: left top 14px;
  background-size: 36px 36px;
  font-size: 26px;
  line-height: 1.4;
  font-family: graphikr, arial, sans-serif;
  color: #fff;
  padding: 8px 0 12px 56px;
    text-transform: none;
}
.everyplanList ul li span {
  font-family: graphikm, arial, sans-serif;
}
.everyplanList ul li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  margin: 15px 0;
}
.fixPlanList ul li {
  padding: 8px 0 20px 56px;
  line-height: 1.7;
}
.everyplanImg {
  position: absolute;
  bottom: -52px;
  left: 50%;
  transform: translateX(-50%);
  width: 580px;
}
.everyplanSmall {
  position: absolute;
  left: 0;
  bottom: 20px;
  font-size: 16px;
  line-height: 1.2;
  text-align: left;
  font-family: barlowmedium, arial, sans-serif;
  color: #fff;
  width: 650px;
  padding-left: 90px;
}
.everyplanList ul:nth-last-child(2) {
  padding-left: 60px;
}
.everyplanList ul:nth-last-child(1) {
  padding-left: 50px;
}
.managedPriWrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 100px 0 0;
  flex-wrap: wrap;
}
.managedPriBox {
  width: 24%;
  text-align: center;
  display: flex;
  flex-direction: column;
}
/* Ewa: I changed  on 12/14/24 @ 7:51pm EST */
.managedPriBox h3 {
  font-size: 42px;
    color: var(--bluebann);
    text-align: center;
    padding: 50px 0 10px;
    text-transform: capitalize;
    line-height: 1.1;
    font-family: graphikbold, arial, sans-serif;
}

.managedPriBox h4 {
	padding: 15px 0 10px 40px;
  margin: 10px 0 20px;
	background: var(--bluebann);
	font-size: 22px;
	text-transform: uppercase;
	font-family: graphiksemi,arial,sans-serif;
	color: var(--white);
	width: 90%;
	border-bottom-right-radius: 25px;
	border-top-right-radius: 25px;
	min-height: auto;
  text-align: left;
}
/* end changing */
.managedPriBox .mnghoststp {
  font-size: 54px;
}
.managescatPri {
  padding: 0 0 40px;
  font-size: 80px;
  color: var(--bluebann);
  font-weight: 700;
  font-family: droid, arial, sans-serif;
  line-height: 1;
}
.managedPriTwo .promoLowsetupp {
  padding: 10px 0 20px;
  width: auto;
}
.managescatPri span {
  display: block;
  font-size: 21px;
  text-transform: uppercase;
  color: #000;
  font-family: barlowmedium, arial, sans-serif;
}
.managedpriUpImg {
  width: 100%;
  display: block;
}
.managescatPri {
  width: 300px;
  margin: 0 auto;
}
.managedcatBtnWrap {
  margin-top: auto;
}
.feltPlatinum,
.feltGoGetter,
.feltGold,
.feltSilver {
  display: block;
  color: var(--white);
  background: var(--yellow-main);
  padding: 15px 15px;
  border-radius: 25px;
  line-height: 0.8;
  text-transform: uppercase;
  font-size: 42px;
  margin-bottom: 10px;
  width: 300px;
  margin: 0 auto;
}
.feltGoGetter {
  background: #f9ce07;
}
.feltPlatinum {
  background: #f9ce07;
}
.feltGold {
  background: #f9ce07;
}
.feltSilver {
  background: #d1ccc7;
}
.mngtit {
  color: var(--main-text);
  font-family: graphikbold, arial, sans-serif;
  font-size: 32px;
  display: block;
  margin-top: 5px;
}
.felthostSimpleTwoMob1,
.felthostSimpleTwoMob2 {
  display: none;
}
.mnghostBox {
  width: 24%;
  display: flex;
  flex-direction: column;
}
.mnghostBox .mnghostOne {
  min-height: 1307px;
}
.mnghostBox .mnghoststp {
  font-size: 54px;
}
.mnghostBox .mnghoststp span {
  font-size: 28px;
}
.hostContainer {
    max-width: 2000px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .blazingBox:nth-last-child(1),
  .blazingBox:nth-last-child(2),
  .blazingBox:nth-last-child(3),
  .blazingBox:nth-last-child(4),
  .blazingBox:nth-last-child(5) {
    margin-bottom: 50px;
  }
  .hostSslImg {
    left: 20px;
  }
  .everyplanList ul {
    margin-bottom: 100px;
  }
  .everyplanList ul li {
    padding: 11px 0 11px 46px;
  }
  .everyplanSmall {
    width: 550px;
  }
  .everyplanImg {
    bottom: -42px;
  }
  .mngtit {
    font-size: 30px;
    display: block;
  }
  .mnghostBox .mnghoststp {
    font-size: 46px;
  }
  .mnghostBox .mnghoststp span {
    font-size: 24px;
  }
  .managedPriWrap {
    width: 1728px;
  }
  .mnghostBox .mnghostOne {
    min-height: 1130px;
  }
  .managedPriBox .mnghoststp {
    font-size: 46px;
  }
  .hostH2 {
    font-size: 54px;
  }
  .managedPriBox h4 {
  	padding: 15px 0 10px 40px;
    font-size: 21px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .hostMainbg,
  .banHostWrap {
    height: 580px;
  }
  .banHostLeft {
    width: 55%;
  }
  .banHostLeft h1 {
    font-size: 54px;
  }
  .banHostLeft p {
    font-size: 21px;
    padding: 30px 0 35px;
  }
  .blazingTit h2,
  .everyplanWrap h3 {
    font-size: 36px;
  }
  .feltBlazing {
    background-size: 240px 40px;
    width: 240px;
    height: 40px;
  }
  .blazingWrap {
    padding: 100px 0 0;
  }
  .blazingCircle {
    width: 180px;
    height: 180px;
  }
  .blazCircleIco {
    width: 90px;
    height: 90px;
  }
  .blazingCircle p {
    font-size: 22px;
    padding-top: 80px;
  }
  .blazingBox {
    margin-bottom: 50px;
  }
  .blazingBox:nth-last-child(1),
  .blazingBox:nth-last-child(2),
  .blazingBox:nth-last-child(3),
  .blazingBox:nth-last-child(4),
  .blazingBox:nth-last-child(5) {
    margin-bottom: 60px;
  }
  .hostSimpleLeft h3 {
    font-size: 36px;
  }
  .simpleContOne {
    font-size: 24px;
  }
  .hostSimpleLeft h4 {
    font-size: 36px;
  }
  .simpleContTwo {
    font-size: 18px;
  }
  .hostSslImg {
    width: 320px;
    left: 50px;
    top: -65px;
  }
  .hostSimpleMid {
    height: 440px;
  }
  .managedbg {
    padding-top: 50px;
  }
  .everyplanList ul:nth-last-child(2) {
    padding-left: 0;
  }
  .everyplanList ul li {
    font-size: 19px;
    background-size: 26px 26px;
    padding: 8px 0 8px 36px;
    background-position: left top 8px;
  }
  .everyplanImg {
    width: 460px;
    bottom: -29px;
  }
  .everyplanSmall {
    padding-left: 0;
    width: 400px;
  }
  .managescatPri {
    width: 230px;
  }
  .managescatPri {
    font-size: 48px;
    padding: 20px 0 30px;
  }
  .managescatPri span {
    font-size: 16px;
  }
  .mngtit {
    font-size: 21px;
    display: block;
  }
  .managedPriWrap {
    padding: 100px 0 50px;
  }
  .feltPlatinum,
  .feltGoGetter,
  .feltGold,
  .feltSilver {
    width: 230px;
    font-size: 32px;
  }
  .everyplanList {
    width: 1200px;
  }
  .everyplanList ul {
    margin-bottom: 90px;
  }
  .mnghostBox .mnghostOne h3 {
    font-size: 36px;
    line-height: 1.3;
  }
  .mnghostBox .mnghostOne h3 span {
    font-size: 36px;
  }
  .mnghostBox .mnghoststp {
    font-size: 44px;
    width: auto;
  }
  .mnghostBox .mnghoststp span {
    font-size: 21px;
  }
  .mnghostBox .mnghostOne {
    min-height: 535px;
  }
  .managedPriBox h4 {
    font-size: 17px;
    padding: 15px 0 12px 22px;
  }
  .managedPriBox .mnghoststp {
    font-size: 44px;
    width: 90%;
  }
  .hostH2 {
    font-size: 42px;
  }
    .hostContainer {
        max-width: 90%;
    }
}

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

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .hostMainbg,
  .banHostWrap {
    background: url("../images/managedhosting/banHostbg.jpg") center center no-repeat;
    background-size: cover;
    height: 500px;
  }
  .banHostLeft {
    width: 55%;
  }
  .banHostLeft h1 {
    font-size: 48px;
  }
  .banHostLeft p {
    font-size: 16px;
    padding: 30px 0 50px;
  }
  .blazingTit h2,
  .everyplanWrap h3 {
    font-size: 36px;
  }
  .feltBlazing {
    background-size: 240px 40px;
    width: 240px;
    height: 40px;
  }
  .blazingWrap {
    padding-top: 100px;
    padding-bottom: 60px;
  }
  .blazingCircle {
    width: 160px;
    height: 160px;
  }
  .blazCircleIco {
    width: 90px;
    height: 90px;
  }
  .blazingCircle p {
    font-size: 18px;
    padding-top: 80px;
  }
  .blazingBox {
    margin-bottom: 50px;
  }
  .blazingBox:nth-last-child(1),
  .blazingBox:nth-last-child(2),
  .blazingBox:nth-last-child(3),
  .blazingBox:nth-last-child(4),
  .blazingBox:nth-last-child(5) {
    margin-bottom: 40px;
  }
  .hostSimpleLeft h3 {
    font-size: 30px;
  }
  .simpleContOne {
    font-size: 22px;
    padding: 20px 0;
  }
  .hostSimpleLeft h4 {
    font-size: 24px;
  }
  .simpleContTwo {
    font-size: 18px;
    padding-top: 20px;
  }
  .hostSslImg {
    width: 280px;
    left: 50px;
    top: -65px;
  }
  .hostSimpleMid {
    height: 440px;
  }
  .managedbg {
    padding-top: 50px;
  }
  .everyplanList ul:nth-last-child(2) {
    padding-left: 0;
  }
  .everyplanList ul li {
    font-size: 16px;
    background-size: 18px 18px;
    padding: 8px 0 8px 28px;
    background-position: left top 8px;
  }
  .everyplanImg {
    width: 320px;
    bottom: -23px;
  }
  .everyplanList {
    padding-top: 70px;
    width: 90%;
  }
  .everyplanList ul {
    margin-bottom: 90px;
  }
  .everyplanSmall {
    padding-left: 0;
    width: 340px;
    font-size: 14px;
    bottom: 5px;
  }
  .managedPriWrap {
    padding: 70px 0 75px;
  }
  .managedPriBox h3 {
    font-size: 42px;
    padding: 25px 0 10px;
  }
  .managedPriBox h4 {
    font-size: 21px;
    padding-bottom: 15px;
  }
  .feltPlatinum,
  .feltGold,
  .feltSilver {
    font-size: 30px;
    width: 200px;
  }
  .managescatPri {
    width: 180px;
  }
  .managescatPri {
    font-size: 42px;
    padding: 20px 0 30px;
  }
  .managescatPri span {
    font-size: 14px;
  }
  .managedPriTwo .promoLowsetupp span {
    display: block;
  }
  .managedPriBox {
    padding: 0 0 30px;
      width: 48%;
  }
  .mngtit {
    font-size: 20px;
    display: block;
  }
  .mnghostBox {
    width: 48%;
  }
  .mnghostBox .mnghostOne {
    min-height: 360px;
  }
  .mnghostBox .mnghoststp {
    font-size: 42px;
  }
  .mnghostBox .mnghoststp span {
    font-size: 19px;
  }
  .managedPriBox .mnghoststp {
    font-size: 42px;
    width: auto;
  }
  .hostH2 {
    font-size: 36px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hostMainbg,
  .banHostWrap {
    background: url("../images/managedhosting/banHostbg.jpg") center center no-repeat;
    background-size: cover;
    height: 440px;
  }
  .banHostLeft {
    width: 55%;
  }
  .banHostLeft h1 {
    font-size: 36px;
  }
  .banHostLeft p {
    font-size: 16px;
    padding: 20px 0 35px;
  }
  .blazingTit h2,
  .everyplanWrap h3 {
    font-size: 30px;
  }
  .feltBlazing {
    background-size: 200px 40px;
    width: 200px;
    height: 40px;
  }
  .blazingWrap {
    padding: 100px 0 0;
  }
  .blazingCircle {
    width: 160px;
    height: 160px;
  }
  .blazCircleIco {
    width: 90px;
    height: 90px;
  }
  .blazingCircle p {
    font-size: 18px;
    padding-top: 80px;
  }
  .blazingBox {
    margin-bottom: 50px;
    width: 24%;
  }
  .blazingBox:nth-last-child(1),
  .blazingBox:nth-last-child(2),
  .blazingBox:nth-last-child(3),
  .blazingBox:nth-last-child(4),
  .blazingBox:nth-last-child(5) {
    margin-bottom: 40px;
  }
  .hostSimpleLeft h3 {
    font-size: 36px;
    padding-top: 20px;
  }
  .simpleContOne {
    font-size: 22px;
    padding: 20px 0;
  }
  .hostSimpleLeft h4 {
    font-size: 28px;
  }
  .hostSslImg {
    display: none;
  }
  .hostSslImgMob {
    display: block;
    width: 200px;
    margin: 20px auto;
  }
  .hostSimpleLeft {
    width: 100%;
    float: none;
    text-align: center;
    padding-right: 0;
  }
  .simpleContTwo {
    font-size: 18px;
    padding: 20px 0 50px;
  }
  .hostSslImg {
    width: 280px;
    left: 50px;
    top: -65px;
  }
  .hostSimpleMid {
    height: auto;
  }
  .managedbg {
    padding-top: 50px;
  }
  .everyplanList ul {
    min-height: auto;
  }
  .everyplanList ul:nth-last-child(2) {
    padding-left: 0;
  }
  .everyplanList ul li {
    font-size: 16px;
    background-size: 18px 18px;
    padding: 8px 0 8px 28px;
    background-position: left top 8px;
  }
  .everyplanImg {
    width: 320px;
    bottom: -18px;
  }
  .everyplanList {
    padding-top: 35px;
    flex-direction: column;
    width: 90%;
  }
  .everyplanList ul {
    margin-bottom: 20px;
    width: 420px;
  }
  .everyplanSmall {
    padding-left: 0;
    width: 500px;
    margin: 0 auto;
    font-size: 16px;
    position: static;
    left: auto;
    bottom: auto;
  }
  .everyplanWrap {
    padding-bottom: 30px;
  }
  .everyplanList ul:nth-last-child(1) {
    margin-bottom: 20px;
    padding-left: 0;
  }
  .everyplanList ul:nth-last-child(2) {
    margin-bottom: 0;
  }
  .managedPriWrap {
    padding: 70px 0 0;
  }
  .managedPriBox h3 {
    padding: 35px 0 0;
    line-height: 1.1;
  }
  .managedPriBox h4 {
    font-size: 21px;
    padding: 12px 0 12px 30px;
    width: 80%;
  }
  .managedPriBox .mnghoststp {
    font-size: 44px;
  }
  .managedPriBox .mnghostTwo {
    min-height: 850px;
  }
  .managescatPri {
    width: 220px;
  }
  .managescatPri {
    font-size: 42px;
    padding: 20px 0 30px;
  }
  .managescatPri span {
    font-size: 14px;
  }
  .managedPriBox {
    padding: 0;
    width: 100%;
      max-width: 480px;
        margin: 0 auto 35px;
  }
  .mngtit {
    display: block;
    font-size: 24px;
  }
  .feltPlatinum,
  .feltGoGetter,
  .feltGold,
  .feltSilver {
    font-size: 28px;
    width: 240px;
    padding: 10px 15px;
  }
  .mnghostBox .mnghostOne {
    min-height: 453px;
  }
  .mnghostBox .mnghoststp {
    font-size: 44px;
    width: auto;
  }
  .mnghostBox .mnghoststp span {
    font-size: 18px;
  }
  .hostH2 {
    font-size: 28px;
  }
  .managedPriWrap {
    padding: 55px 0 10px;
  }
    .hostContainer {
        width: 95%;
    }

}

@media only screen and (max-width: 767px) {
  .hostMainbg {
    background: none;
    height: auto;
  }
  .hostImgMob {
    display: block;
    width: 100%;
  }
  .banHostWrap {
    height: auto;
  }
  .banHostLeft {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
  }
  .banHostLeft h1 {
    font-size: 36px;
    padding: 35px 0 30px;
    text-align: center;
  }
  .banHostLeft p {
    font-size: 18px;
    padding: 30px 0;
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  .blazingTit h2,
  .everyplanWrap h3 {
    font-size: 30px;
  }
  .feltBlazing {
    background-size: 200px 40px;
    width: 200px;
    height: 40px;
  }
  .blazingWrap {
    padding-top: 50px;
    padding-bottom: 20px;
  }
  .blazingCircle {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: none;
    border-radius: 0;
  }
  .blazCircleIco {
    width: 90px;
    height: 90px;
    position: static;
    top: auto;
    left: auto;
    margin: 0 auto;
    display: block;
  }
  .blazingCircle p {
    font-size: 18px;
    padding-top: 10px;
  }
  .blazingBox {
    margin-bottom: 50px;
    width: 48%;
  }
  .blazingBox:nth-last-child(1),
  .blazingBox:nth-last-child(2),
  .blazingBox:nth-last-child(3),
  .blazingBox:nth-last-child(4),
  .blazingBox:nth-last-child(5) {
    margin-bottom: 40px;
  }
  .blazingCircle:hover p {
    color: var(--bluebann);
  }
  .blazingCircle:hover {
    background: transparent;
  }
  .hostSimpleLeft h3 {
    font-size: 27px;
    padding-top: 40px;
  }
  .simpleContOne {
    font-size: 22px;
    padding: 20px 0;
  }
  .hostSimpleUp,
  .hostSimpleDown {
    display: none;
  }
  .hostSimpleLeft h4 {
    font-size: 28px;
  }
  .hostSslImg {
    display: none;
  }
  .hostSslImgMob {
    display: block;
    width: 200px;
    margin: 20px auto;
  }
  .hostSimpleLeft {
    width: 100%;
    float: none;
    text-align: center;
    padding-right: 0;
  }
  .simpleContTwo {
    font-size: 18px;
    padding: 20px 0 50px;
  }
  .hostSslImg {
    width: 280px;
    left: 50px;
    top: -65px;
  }
  .hostSimpleMid {
    height: auto;
  }
  .everyplanWrap h3 {
    font-size: 26px;
  }
  .felteveryPlan {
    padding: 0 10px 5px;
  }
  .managedbg {
    padding: 50px 0 35px;
  }
  .everyplanList ul:nth-last-child(2) {
    padding-left: 0;
  }
  .everyplanList ul li {
    font-size: 18px;
    background-size: 18px 18px;
    padding: 8px 0 18px 28px;
    background-position: left top 8px;
  }
  .everyplanImg {
    display: none;
  }
  .everyplanImgMob {
    display: block;
    width: 90%;
    margin: 35px auto;
  }
  .everyplanList {
    padding-top: 35px;
    flex-direction: column;
    width: 90%;
  }
  .everyplanList ul {
    margin-bottom: 20px;
    width: 380px;
  }
  .fixPlanList ul li {
    background-position: left top 15px;
    padding: 15px 0 15px 28px;
    margin: 0 !important;
    line-height: 1.2;
  }
  .everyplanSmall {
    padding-left: 0;
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
    position: static;
    left: auto;
    bottom: auto;
  }
  .everyplanWrap {
    padding-bottom: 0;
  }
  .everyplanList ul:nth-last-child(1) {
    margin-bottom: 20px;
    padding-left: 0;
  }
  .everyplanList ul:nth-last-child(2) {
    margin-bottom: 0;
  }
  .managedpriUpImg {
    display: none;
  }
  .managedPriWrap {
    display: none;
  }
  .managedPriWrapMob {
    display: inline-block !important;
    width: 100%;
    margin: 20px auto;
    text-align: center;
  }
  .managedPriBox h3 {
    font-size: 36px;
    padding: 25px 0 0;
  }
  .managedPriBox h4 {
    font-size: 18px;
    padding-bottom: 15px;
    padding-left: 30px;
  }
  .feltPlatinum,
  .feltGold,
  .feltSilver {
    width: 260px;
    font-size: 36px;
  }
  .managescatPri {
    width: 240px;
  }
  .managescatPri {
    font-size: 42px;
    padding: 20px 0 30px;
  }
  .managescatPri span {
    font-size: 14px;
  }
  .managedPriBox {
    width: 100%;
    max-width: 430px;
    padding: 20px 0 40px;
    margin: 0 auto;
  }
  .mngtit {
    font-size: 21px;
  }
  .felthostSimpleOne {
    font-size: 21px;
  }
  .felthostSimpleTwo {
    font-size: 18px;
  }
  .everyplanList ul:nth-child(1) li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  .mnghostBox {
    width: 100%;
  }
  .mnghostBox .mnghostOne {
    min-height: auto;
  }
  .mnghostBox .mnghoststp span {
    font-size: 21px;
  }
  .mnghostBox .mnghoststp {
    font-size: 44px;
  }
  .managedPriBox .mnghoststp {
    font-size: 44px;
    width: auto;
  }
  .managedPriBox .promoLowsetp {
    width: 90%;
  }
  .hostH2 {
    font-size: 28px;
    text-align: center;
  }
}

@media only screen and (max-width: 479px) {
  .felthostSimpleTwo {
    background-size: 290px 82px;
    width: 290px;
    height: 82px;
    padding-top: 12px;
  }
  .hostSimpleLeft h4 {
    font-size: 21px;
  }
  .everyplanList ul {
    width: 100%;
    min-height: auto;
  }
  .managedPriBox {
    width: 90%;
    padding: 0 0 30px;
  }
  .everyplanWrap h3 {
    font-size: 28px;
  }
  .mngtit {
    font-size: 20px;
    display: block;
  }
  .feltHostMain {
    line-height: 0.9;
  }
  .feltPlatinum,
  .feltGold,
  .feltSilver {
    width: 200px;
    font-size: 30px;
    padding: 10px 15px;
  }
  .felthostSimpleOne {
    display: none;
  }
  .felthostSimpleOneMob1 {
    color: var(--text-main);
    padding: 0 25px 5px;
    background: var(--bluebann);
    border-radius: 16px;
    line-height: 1.1;
    display: inline-block;
  }
  .felthostSimpleOneMob2 {
    display: block;
    margin-top: 5px;
    color: var(--bluebann);
  }
  .felthostSimpleTwo {
    display: none;
  }
  .felthostSimpleTwoMob1 {
    color: var(--text-main);
    padding: 0 25px 5px;
    background: var(--bluebann);
    border-radius: 16px;
    line-height: 1.1;
    display: inline-block;
  }
  .felthostSimpleTwoMob2 {
    display: block;
    margin-top: 5px;
    color: var(--bluebann);
    max-width: 80%;
    margin: 0 auto;
  }
  .feltHostMain1 {
    display: block;
    margin-bottom: 10px;
  }
  .felteveryPlan {
    display: none;
  }
  .felteveryPlanMob1 {
    color: var(--yellow-main);
    padding: 0 25px 5px;
    border-radius: 16px;
    line-height: 1.1;
    display: inline-block;
  }
  .felteveryPlanMob2 {
    color: var(--yellow-main);
    display: block;
    margin-top: 5px;
  }
  .mnghostBox .mnghoststp {
    width: auto;
    font-size: 40px;
  }
  .mnghostBox .mnghoststp span {
    font-size: 18px;
  }
  .managedPriBox h4 {
    width: 92%;
  }
  .hostH2 {
    margin: 0 auto 30px;
    padding-top: 0;
  }
}

/*========================================================
    Marketing page
=========================================================*/
.markLeftImgMob {
  display: none;
}
.marketMobile {
  display: none !important;
}
.markMainbg {
  background: url("../images/marketing/google-ads-management-banner.jpg") center center no-repeat;
  background-size: cover;
  height: 780px;
}
.feltMarkMain {
  color: var(--text-main);
  padding: 0 15px 5px;
  background: var(--yellow-main);
  border-radius: 16px;
  line-height: 80px;
  display: inline-block;
  margin: 12px 0 0;
}
.marketBoxesWrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 100px 0;
  flex-wrap: wrap;
}
.marketBox {
  width: 31%;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: center;
  background: #fafaf9;
  border-radius: 20px;
  border: 1px solid #dcdcd5;
  padding: 30px 0;
}
.marketspup {
  display: block;
  text-transform: uppercase;
  font-size: 21px;
  font-family: barlowmedium, arial, sans-serif;
  text-transform: capitalize;
}
.feltMarketPriOne {
  background: url(../images/index/felttip.webp) left top no-repeat;
}
.feltMarketPriOne {
  font-size: 56px;
  font-family: barlowbold, arial, sans-serif;
  text-align: center;
  color: #000;
  line-height: 1;
}
.feltMarketPriOne {
  color: var(--text-main);
  padding: 10px 95px;
  background: var(--yellow-main);
  border-radius: 16px;
  line-height: 0.9;
  margin: 0 auto;
  text-align: center;
}
/* Ewa: I changed  on 11/16/24 @ 6:45pm EST */
.marketBox h3 {
  text-align: left;
    color: var(--bluebann);
    font-size: 42px;
    font-family: graphikr, arial, sans-serif;
    text-transform: capitalize;
    padding: 55px 20px 15px 60px;
    line-height: 1.1;
}
.marketBox h3 span{
  font-family: graphikbold, arial, sans-serif;
}

.marketBox h4 {
	padding: 15px 10px 10px 60px;
	margin: 10px 0 30px;
	background: var(--bluebann);
	font-size: 22px;
  line-height: 1.2;
	text-transform: uppercase;
	font-family: graphiksemi,arial,sans-serif;
	color: var(--white);
	width: 90%;
	border-bottom-right-radius: 45px;
	border-top-right-radius: 45px;
	min-height: auto;
	text-align: left;
}
/* end changing */
.marketBox ul {
  width: 80%;
  margin: 0 auto 35px;
}

.marketBox ul li {
	background: url('../images/newcheck.svg') no-repeat;
	background-position: left top 12px;
	background-size: 30px 30px;
	font-size: 21px;
	font-family: "Varela", arial, sans-serif;
	padding: 12px 0 12px 40px;
	color: var(--gray);
	text-transform: none;
	text-align: left;
}
.banmarknorm {
  display: block;
  padding-left: 0;
  padding-bottom: 5px;
}
.banmarkleft h1 {
  color: #000;
}
.banmarkleft p {
  padding-left: 0;
  color: #000;
}
.marketnumOne,
.marketnumTwo,
.marketnumThree {
  position: absolute;
  left: 57px;
  bottom: 10px;
  width: 190px;
  z-index: -1;
}
.marksearchbg {
  padding: 0 0 100px;
}
.markSeachUp,
.markSeachDown {
  display: block;
  width: 100%;
}
.markSearchWrap {
  padding-left: 260px;
  padding-bottom: 70px;
}
.markSearchWrap h3 {
  font-size: 56px;
  font-family: barlowbold, arial, sans-serif;
  text-transform: capitalize;
  color: #fff;
  padding-left: 280px;
}
.markMid {
  background: var(--bluebann);
  position: relative;
}
.markLeftImg {
  position: absolute;
  left: 0;
  bottom: -89px;
  width: 780px;
}
.feltmarkSearch {
  padding: 0 25px 5px;
  background: var(--yellow-main);
  border-radius: 16px;
  line-height: 1.1;
  display: inline-block;
  text-align: center;
  color: #000;
}
.markSearchWrap p {
  text-align: center;
  font-size: 26px;
  font-family: barlowmedium, arial, sans-serif;
  line-height: 1.3;
  color: #fff;
  width: 1100px;
  margin: 0 auto;
  padding: 35px 0;
}
.markPadLeft {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 350px;
}
.markPadLeft ul {
  width: 47%;
}
.markPadLeft ul li {
  background-position: left top 23px;
  background-size: 80px 80px;
  padding: 35px 0 35px 95px;
  font-size: 32px;
  font-family: barlowmedium, arial, sans-serif;
  color: #fff;
}
.markList1 {
  background: url("../images/marketing/list1.png") no-repeat;
}
.markList2 {
  background: url("../images/marketing/list2.png") no-repeat;
}
.markList3 {
  background: url("../images/marketing/list3.png") no-repeat;
}
.markList4 {
  background: url("../images/marketing/list4.png") no-repeat;
}
.markList5 {
  background: url("../images/marketing/list5.png") no-repeat;
}
.markList6 {
  background: url("../images/marketing/list6.png") no-repeat;
}
.markList7 {
  background: url("../images/marketing/list7.png") no-repeat;
}
.markList8 {
  background: url("../images/marketing/list8.png") no-repeat;
}
.markprofitbg {
  padding: 0 0 100px;
}
.markProfitWrap {
  text-align: center;
  font-size: 50px;
  font-family: barlowbold, arial, sans-serif;
  color: #000;
}
.feltProfit {
  padding: 0 25px 5px;
  background: var(--yellow-main);
  border-radius: 16px;
  line-height: 1.1;
  display: inline-block;
  text-align: center;
}
.markProfitWrap p {
  font-size: 30px;
  font-family: barlowmedium, arial, sans-serif;
  line-height: 1.3;
  text-align: center;
  padding: 50px 0;
  width: 1100px;
  margin: 0 auto;
}
.markVideoWrap img {
  width: 800px;
  margin: 0 auto;
}
.gadslastFull {
  background: var(--bluebann);
  padding: 70px 0;
}
.gadslastFull h3 {
  color: var(--yellow-main);
  font-size: 60px;
  font-family: barlowbold, arial, sans-serif;
  text-transform: capitalize;
  text-align: center;
}
.gadslastLists {
  display: flex;
  justify-content: space-between;
  width: 1600px;
  margin: 70px auto;
}
.gadslastLists ul {
  width: 48%;
}
.gadslastLists ul li {
  background: url(../images/check.png) no-repeat;
  background-position: left top 10px;
  background-size: 36px 36px;
  font-size: 26px;
  font-family: graphikr, arial, sans-serif;
  color: #fff;
  padding: 8px 0 12px 56px;
}
.gadslastLists ul li span {
  font-family: graphikm, arial, sans-serif;
}
.gadslastLists ul li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  margin: 15px 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {

  .markLeftImg {
    bottom: -67px;
    width: 650px;
    left: 0;
  }
  .markSearchWrap {
    padding: 50px 0 70px 220px;
  }
  .markPadLeft ul li {
    font-size: 30px;
  }
  .marketBoxesWrap {
    width: 1728px;
  }
  .marketBox ul li {
      font-size: 22px;
  }
  .marketBox h3 {
  	padding: 55px 20px 15px 45px;
  }
  .marketBox h4 {
  	padding: 15px 10px 10px 45px;
  }
  .marketBox ul {
  	width: 83%;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .markMainbg {
    height: 580px;
  }
  .feltGoGetter,
  .feltOverseer,
  .feltSaver {
    background-size: 300px 55px;
    width: 300px;
    height: 56px;
  }
  .markSearchWrap p {
    width: 90%;
    font-size: 21px;
  }
  .marketBoxesWrap {
    padding: 40px 0 70px;
  }
  .marketBox h3 {
    font-size: 32px;
        padding-left: 35px;
  }
  .marketBox h4 {
    font-size: 17px;
    padding-left: 35px;
    min-height: 66px;
  }
  .marketBox ul {
    width: 82%;
      margin-bottom: 40px;
  }
  .marketBox ul li {
    font-size: 19px;
    background-position: left top 13px;
    background-size: 24px 24px;
  }
  .markLeftImg {
    width: 400px;
    bottom: -45px;
  }
  .markSearchWrap {
    padding-left: 200px;
    padding-top: 35px;
  }
  .markSearchWrap h3 {
    padding-left: 100px;
    font-size: 42px;
  }
  .markPadLeft {
    padding-left: 150px;
  }
  .markPadLeft ul li {
    font-size: 21px;
    background-size: 50px 50px;
    padding: 25px 0 25px 65px;
    background-position: left top 20px;
  }
  .markProfitWrap h3 {
    font-size: 40px;
  }
  .markProfitWrap p {
    font-size: 24px;
    width: 900px;
  }
  .marksearchbg {
    padding: 0 0 50px;
  }

  .markprofitbg {
    padding: 0 0 60px;
  }
  .gadslastLists {
    width: 1200px;
  }
  .gadslastFull h3 {
    font-size: 36px;
  }
  .gadslastLists ul li {
    font-size: 19px;
    background-size: 26px 26px;
    padding: 8px 0 8px 36px;
    background-position: left top 8px;
  }
  .gadslastLists {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .markMainbg {
    height: 500px;
  }
  .feltGoGetter,
  .feltOverseer,
  .feltSaver {
    background-size: 260px 50px;
    width: 260px;
    height: 52px;
  }
  .feltMarkMain {
    line-height: 1.1;
  }
  .markSearchWrap p {
    width: 90%;
    font-size: 21px;
  }
  .marketBoxesWrap {
    padding: 55px 0 50px;
      width: 95%;
      margin: 0 auto;
  }
    .marketBox {
        width: 46%;
        padding: 0 0 50px;
    }
  .marketBox h3 {
    font-size: 36px;
    padding: 45px 0 10px 30px;
  }
  .marketBox h4 {
    font-size: 17px;
    padding: 15px 10px 10px 30px;
  }
  .marketBox ul {
    width: 100%;
      margin-bottom: 40px;
      padding-left: 30px;
      padding-right: 30px;
  }
  .marketBox ul li {
    font-size: 18px;
    background-position: left top 13px;
    background-size: 24px 24px;
  }
  .markLeftImg {
    width: 320px;
    bottom: -37px;
  }
  .markSearchWrap {
    padding-left: 100px;
    padding-top: 35px;
  }
  .markSearchWrap h3 {
    padding-left: 100px;
    font-size: 42px;
  }
  .markPadLeft {
    padding-left: 180px;
  }
  .marketnumOne,
  .marketnumTwo,
  .marketnumThree {
    width: 180px;
    left: 10px;
  }
  .markPadLeft ul li {
    font-size: 18px;
    background-size: 40px 40px;
    padding: 20px 0 20px 55px;
    background-position: left top 13px;
  }
  .markProfitWrap h3 {
    font-size: 40px;
  }
  .markProfitWrap p {
    font-size: 21px;
    width: 900px;
  }
  .marksearchbg {
    padding: 0 0 50px;
  }

  .markprofitbg {
    padding: 0 0 60px;
  }
  .feltMarketPriOne {
    font-size: 48px;
    padding: 10px 55px;
  }
  .gadslastLists {
    width: 90%;
  }
  .gadslastFull h3 {
    font-size: 36px;
  }
  .gadslastLists ul li {
    font-size: 16px;
    background-size: 18px 18px;
    padding: 8px 0 8px 28px;
    background-position: left top 8px;
  }
  .gadslastLists {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .markMainbg {
    height: 440px;
  }
  .feltGoGetter,
  .feltOverseer,
  .feltSaver {
    background-size: 200px 45px;
    width: 200px;
    height: 47px;
  }
  .feltMarkMain {
    line-height: 1.1;
  }
  .banmarknorm {
    display: block;
  }
  .markPriBox h3 {
    font-size: 24px;
  }
  .markSearchWrap p {
    width: 90%;
    font-size: 21px;
  }
  .marketBoxesWrap {
    flex-direction: column;
    padding: 55px 0 10px;
  }
  .marketBox {
    width: 100%;
    max-width: 351px;
    padding: 0 0 60px;
  }
  .marketBox h3 {
    font-size: 30px;
    padding: 45px 0 10px 30px;
    line-height: 1.1;
  }
  .marketBox h4 {
    font-size: 17px;
    padding: 15px 10px 10px 30px;
      min-height: 87px;
  }
  .marketBox ul {
    width: 85%;
  }

  .marketBox ul li {
    font-size: 18px;
    background-position: left top 13px;
    background-size: 24px 24px;
  }
  .markLeftImg {
    width: 320px;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
  }
  .markSearchWrap {
    padding-left: 0;
    padding-top: 35px;
    padding-bottom: 340px;
  }
  .markSearchWrap h3 {
    padding-left: 0;
    font-size: 42px;
    text-align: center;
  }
  .markPadLeft {
    padding-left: 0;
    width: 90%;
  }
  .marketnumOne,
  .marketnumTwo,
  .marketnumThree {
    width: 180px;
    left: 10px;
  }
  .markPadLeft ul li {
    font-size: 18px;
    background-size: 40px 40px;
    padding: 20px 0 20px 55px;
    background-position: left top 13px;
  }
  .markProfitWrap h3 {
    font-size: 40px;
  }
  .markProfitWrap p {
    font-size: 21px;
    width: 700px;
  }
  .markVideoWrap img {
    width: 90%;
  }
  .marksearchbg {
    padding: 0 0 50px;
  }
  .markprofitbg {
    padding: 0 0 20px;
  }
  .feltMarketPriOne {
    font-size: 42px;
    padding: 10px 40px;
  }
  .marketspup {
    font-size: 16px;
  }
  .gadslastFull {
    padding: 50px 0;
  }
  .gadslastLists {
    width: 90%;
    margin: 20px auto;
    flex-direction: column;
  }
  .gadslastFull h3 {
    font-size: 36px;
  }
  .gadslastLists ul li {
    font-size: 16px;
    background-size: 18px 18px;
    padding: 8px 0 8px 28px;
    background-position: left top 8px;
  }
  .gadslastLists ul {
    width: 420px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 767px) {
  /* .marketDesktop {
        display: none;
    } */
  .marketMobile {
    display: block !important;
    margin-bottom: 50px;
  }
  .markMainbg {
    background: none;
    height: auto;
  }

  .feltGoGetter,
  .feltOverseer,
  .feltSaver {
    background-size: 280px 55px;
    width: 280px;
    height: 57px;
  }

  .feltMarkMain {
    line-height: 1.1;
    margin: 7px 0 0;
  }

  .banmarknorm {
    display: block;
  }

  .markPriBox h3 {
    font-size: 36px;
  }

  .markPriBox {
    width: 320px;
    margin: 0 auto 50px;
  }

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

  .markSearchWrap p {
    width: 90%;
    font-size: 21px;
  }
  .marketDesktop {
    display: none;
  }

  .marketBoxesWrap {
    padding: 30px 0 0;
    flex-direction: column;
  }

  .marketBox {
    width: 90%;
    margin-bottom: 15px;
    min-height: 860px;
    padding-top: 0;
  }
  .marketBox h3 {
    font-size: 28px;
    padding: 45px 0 10px 30px;
  }
  .marketBox h4 {
    font-size: 18px;
    padding: 10px 10px 10px 30px;
    min-height: 85px;
  }

  .marketBox ul {
    width: 100%;
    padding: 15px 10px 0 30px;
  }

  .marketBox ul li {
    font-size: 18px;
    background-position: left top 13px;
    background-size: 24px 24px;
  }
  .marksearchnorm {
    display: block;
  }

  .markLeftImg {
    display: none;
  }

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

  .markSeachUp,
  .markSeachDown {
    display: none;
  }

  .markSearchWrap {
    padding-left: 0;
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .markSearchWrap h3 {
    padding-left: 0;
    font-size: 36px;
    text-align: center;
  }

  .markPadLeft {
    padding-left: 0;
    width: 380px;
    flex-direction: column;
  }

  .markPadLeft ul {
    width: 100%;
  }

  .marketnumOne,
  .marketnumTwo,
  .marketnumThree {
    width: 180px !important;
    left: 10px;
  }

  .markPadLeft ul li {
    font-size: 19px;
    background-size: 40px 40px;
    padding: 20px 0 20px 55px;
    background-position: left top 13px;
  }

  .markProfitWrap h3 {
    font-size: 36px;
  }

  .markProfitWrap p {
    font-size: 21px;
    width: 100%;
  }

  .markVideoWrap img {
    width: 100%;
  }

  .marksearchbg {
    padding: 0 0 50px;
  }

  .markprofitbg {
    padding: 0 0 20px;
  }

  .feltMarketPriOne {
    font-size: 42px;
    padding: 10px 50px;
  }

  .marketspup {
    font-size: 16px;
  }
  /* .portDesktop {
        display: none;
    } */
  /* .portMobile {
        display: block!important;
    } */
  .gadslastFull {
    padding: 50px 0;
  }
  .gadslastLists {
    width: 90%;
    margin: 20px auto;
    flex-direction: column;
  }
  .gadslastFull h3 {
    font-size: 26px;
  }
  .gadslastLists ul li {
    font-size: 16px;
    background-size: 18px 18px;
    padding: 8px 0 8px 28px;
    background-position: left top 8px;
  }
  .gadslastLists ul {
    width: 420px;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .markSearchWrap h3,
  .markProfitWrap h3 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 479px) {
  .feltGoGetter,
  .feltOverseer,
  .feltSaver {
    background-size: 260px 45px;
    width: 260px;
    height: 45px;
  }

  .markPriBox h3 {
    font-size: 30px;
  }

  .markPadLeft {
    padding-left: 0;
    width: 280px;
    flex-direction: column;
  }

  .markprofitbg {
    padding: 0;
  }
  .gadslastLists ul {
    width: 90%;
  }
  .gadslastFull {
    padding-bottom: 15px;
  }
  .marketBox ul {
    width: 90%;
  }
    .marketBox ul {
        padding: 15px 0 10px 15px;
    }
}

/*========================================================
    CONTACT page
=========================================================*/
.cloudsContMob,
.contImgIpad {
  display: none;
}

.contactMainbg {
  background: url(../images/contact/contactMainbgnew.jpg) no-repeat;
  background-position: center top;
  background-size: cover;
  height: 800px;
}

.banContactWrap {
  height: 800px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}

.banImgPartDesk {
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  width: 620px;
}

.banContactMid {
  text-align: center;
}

.banContactMid h1 {
  font-size: 68px;
  font-family: barlowbold, arial, sans-serif;
  text-transform: capitalize;
}

.feltContactMain {
  color: var(--text-main);
  padding: 0 25px 5px;
  background: var(--yellow-main);
  border-radius: 16px;
  line-height: 1.1;
}

.cTel {
  font-size: 90px;
  font-family: barlowbold, arial, sans-serif;
  color: #ffeb00;
  padding: 50px 0 15px;
}

.cHours {
  font-size: 42px;
  font-family: barlowmedium, arial, sans-serif;
  color: #fff;
}

.contactBelbg {
  padding: 100px 0 0;
  text-align: center;
}

.contactBelbg h2 {
  text-align: center;
  font-size: 68px;
  text-transform: capitalize;
  font-family: graphiksemi, arial, sans-serif;
  line-height: 1;
  margin: 50px auto 10px;
  color: var(--bluebann);
}

.feltComp {
  color: var(--text-main);
  padding: 0 25px 5px;
  background: var(--yellow-main);
  border-radius: 16px;
  line-height: 1.1;
}

.contactBelbg p {
  font-family: "Varela", arial, sans-serif;
  font-size: 24px;
  max-width: 65%;
  margin: 0 auto;
  text-align: center;
  padding-top: 20px;
}

.cloudsCont {
  display: block;
  width: 50%;
}
.contForm {
  padding: 105px 0 120px;
}
.contactBelbg h3 {
  font-family: graphiksemi, arial, sans-serif;
  font-size: 58px;
  color: var(--main-text);
  text-transform: capitalize;
  line-height: 105px;
  text-align: center;
}
.contactBelbg h4 {
  font-family: graphikr, arial, sans-serif;
  font-size: 26px;
  color: var(--main-text);
  text-align: center;
  margin-bottom: 35px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .contactMainbg {
    background-position: right -30px top;
  }

  .cTel {
    font-size: 80px;
  }

  .cHours {
    font-size: 38px;
  }

  .banImgPartDesk {
    width: 580px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .contactMainbg,
  .banContactWrap {
    height: 580px;
  }

  .contactMainbg {
    background-position: right -30px top;
  }

  .banImgPartDesk {
    width: 420px;
  }

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

  .cTel {
    font-size: 60px;
    padding: 35px 0 0;
  }

  .cHours {
    font-size: 30px;
  }

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

  .contactBelbg p {
    font-size: 20px;
  }
  .contactBelbg {
    padding-top: 75px;
  }
  .contactBelbg h3 {
    font-size: 46px;
    line-height: 66px;
  }
  .contactBelbg h4 {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .contactMainbg,
  .banContactWrap {
    height: 470px;
  }

  .contactMainbg {
    background-position: right -30px top;
  }

  .banImgPartDesk {
    width: 360px;
    left: -10px;
  }

  .banContactMid h1 {
    font-size: 48px;
  }

  .cTel {
    font-size: 40px;
    padding: 35px 0 0;
  }

  .cHours {
    font-size: 19px;
  }

  .contactBelbg h2 {
    font-size: 40px;
  }

  .contactBelbg p {
    font-size: 18px;
    max-width: 80%;
  }

  .contactBelbg {
    padding: 75px 0 0;
  }
  .contactBelbg {
    padding-top: 35px;
  }
  .contForm {
    padding: 50px 0 70px;
  }
  .contactBelbg h3 {
    font-size: 46px;
    line-height: 66px;
  }
  .contactBelbg h4 {
    font-size: 21px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .banImgPartDesk {
    display: none;
  }

  .contactMainbg,
  .banContactWrap {
    height: 440px;
  }

  .contactMainbg {
    background: none;
    height: auto;
    position: relative;
  }

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

  .banContactWrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5%;
  }

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

  .cTel {
    font-size: 40px;
    padding: 35px 0 0;
  }

  .cHours {
    font-size: 19px;
  }

  .contactBelbg h2 {
    font-size: 32px;
  }

  .contactBelbg p {
    font-size: 18px;
    max-width: 50%;
    margin: 0 auto;
    padding: 0;
  }

  .contactBelbg {
    padding: 0;
  }
  .contForm {
    padding: 50px 0 55px;
  }
  .contactBelbg h3 {
    font-size: 36px;
    line-height: 66px;
  }
  .contactBelbg h4 {
    font-size: 16px;
  }
}

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

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

  .banContactWrap {
    height: auto;
  }

  .banContactMid {
    padding-top: 35px;
    padding-bottom: 35px;
  }

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

  .cTel {
    font-size: 50px;
    padding: 20px 0 0;
    color: var(--bluebann);
  }

  .cHours {
    font-size: 24px;
    color: #000;
    padding-top: 10px;
  }

  .contactBelbg h2 {
    font-size: 32px;
  }

  .contactBelbg p {
    font-size: 18px;
    width: 90%;
    margin: 0 auto;
    padding: 0;
  }

  .contactBelbg {
    padding: 0;
  }

  .cloudsCont {
    display: none;
  }

  .cloudsContMob {
    display: block;
    width: 100%;
  }
  .contForm {
    padding: 35px 0 50px;
  }
  .contactBelbg h3 {
    font-size: 36px;
    line-height: 66px;
  }
  .contactBelbg h4 {
    font-size: 16px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .banContactMid h1 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 479px) {
  .cTel {
    font-size: 40px;
  }

  .cHours {
    font-size: 18px;
  }

  .contactBelbg h2 {
    font-size: 24px;
  }

  .feltComp {
    background-size: 300px 35px;
    width: 300px;
    height: 35px;
  }
  .contactBelbg h3 {
    font-size: 28px;
    line-height: 48px;
  }
  .contactBelbg h4 {
    font-size: 14px;
  }
}

/*========================================================
    Other pages
=========================================================*/
.aboutImgIpad,
.aboutImgMob {
  display: none;
}

.termTit {
  padding: 100px 0;
}

.termTit h1 {
  font-family: barlowbold, arial, sans-serif;
  font-size: 48px;
  text-align: left;
  text-transform: capitalize;
  line-height: 0.9;
  color: #000;
  text-align: center;
}
.portfTitle .langspnorm{
  line-height: 1.1;
}

.feltTerms {
  color: var(--text-main);
  padding: 0 25px 5px;
  background: var(--yellow-main);
  border-radius: 16px;
  line-height: 1.1;
}

.termbg {
  padding: 0;
}

.termWrap {
  width: 1300px;
  margin: 0 auto;
}

.termWrap p {
  font-size: 24px;
  line-height: 1.3;
  font-family: barlowbmedium, arial, sans-serif;
  text-align: left;
  padding-bottom: 20px;
}

.termUpImg,
.termDownImg {
  width: 100%;
  display: block;
}

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

.termMid {
  background: #f9f9f9;
}

.termIns h3 {
  font-size: 30px;
  font-family: barlowbmedium, arial, sans-serif;
  text-align: left;
  padding-bottom: 10px;
  text-transform: capitalize;
  color: #000;
}

.termIns p {
  font-size: 16px;
  padding-bottom: 10px;
}

.termIns ul {
  padding-bottom: 15px;
}

.termIns ul li {
  background: url("../images/terms-of-services/checkGray.png") no-repeat;
  background-position: left center;
  background-size: 15px 15px;
  font-size: 24px;
  text-align: left;
  padding: 3px 0 3px 25px;
  font-family: barlowbmedium, arial, sans-serif;
}

.termpad p {
  font-size: 24px;
  padding-bottom: 25px;
}

.feltGlos {
  color: var(--text-main);
  padding: 0 25px 5px;
  background: var(--yellow-main);
  border-radius: 16px;
  line-height: 1.1;
}

.feltReviewUs {
  color: var(--text-main);
  padding: 0 25px 5px;
  background: var(--yellow-main);
  border-radius: 16px;
  line-height: 1.1;
}

.glosbg {
  padding: 0;
}

.glosWrap {
  padding: 0 0 100px;
}

.glos1,
.glos2,
.glos3,
.glos4,
.glos5,
.glos6,
.glos7,
.glos8,
.glos9,
.glos10,
.glos11,
.glos12,
.glos13,
.glos14,
.glos15,
.glos16 {
  position: relative;
  width: 21.5%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 130px;
  margin-left: 25px;
}

.glos1::before {
  position: absolute;
  content: "";
  background-image: url(../images/glossary/cms-icon.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.glos2::before {
  position: absolute;
  content: "";
  background-image: url(../images/glossary/dns-icon.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.glos3::before {
  position: absolute;
  content: "";
  background-image: url(../images/glossary/domain-name-icon.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.glos4::before {
  position: absolute;
  content: "";
  background-image: url(../images/glossary/graphic-designer-icon.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.glos5::before {
  position: absolute;
  content: "";
  background-image: url(../images/glossary/organic-rank-icon.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.glos6::before {
  position: absolute;
  content: "";
  background-image: url(../images/glossary/ppc-icon.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.glos7::before {
  position: absolute;
  content: "";
  background-image: url(../images/glossary/roi-icon.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.glos8::before {
  position: absolute;
  content: "";
  background-image: url(../images/glossary/search-engine-icon.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.glos9::before {
  position: absolute;
  content: "";
  background-image: url(../images/glossary/sem-icon.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.glos10::before {
  position: absolute;
  content: "";
  background-image: url(../images/index/seo-compliance-icon.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.glos11::before {
  position: absolute;
  content: "";
  background-image: url(../images/index/ssl-certificate-icon.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.glos12::before {
  position: absolute;
  content: "";
  background-image: url(../images/glossary/web-browser-icon.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.glos13::before {
  position: absolute;
  content: "";
  background-image: url(../images/glossary/web-server-icon.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.glos14::before {
  position: absolute;
  content: "";
  background-image: url(../images/glossary/web-designer-icon.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.glos15::before {
  position: absolute;
  content: "";
  background-image: url(../images/glossary/web-developer-icon.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.glos16::before {
  position: absolute;
  content: "";
  background-image: url(../images/glossary/website-hosting-icon.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.feltLang {
  color: var(--text-main);
  padding: 0 25px 5px;
  background: var(--yellow-main);
  border-radius: 16px;
  line-height: 1.1;
}

.lang1::before {
  position: absolute;
  content: "";
  background-image: url(../images//programming-languages-glossary/html-icon.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.lang2::before {
  position: absolute;
  content: "";
  background-image: url(../images//programming-languages-glossary/css-icon.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.lang3::before {
  position: absolute;
  content: "";
  background-image: url(../images//programming-languages-glossary/js-icon.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.lang4::before {
  position: absolute;
  content: "";
  background-image: url(../images//programming-languages-glossary/php-icon.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.lang5::before {
  position: absolute;
  content: "";
  background-image: url(../images//programming-languages-glossary/json-icon.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.lang6::before {
  position: absolute;
  content: "";
  background-image: url(../images//programming-languages-glossary/sql-icon.png);
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
  z-index: -1;
  top: -75px;
  left: -30px;
}

.langBox {
  width: 30%;
}

.langWrap {
  padding: 0 0 100px;
}

.aboutbg {
  background: #fafbfc;
}

.aboutWrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-top: 80px;
}

.aboutIns h1 {
  font-size: 50px;
  margin-bottom: 50px;
  line-height: 0.9;
  text-transform: none;
  font-family: barlowbold, arial, sans-serif;
  line-height: 1.2;
  text-align: center;
}

.aboutIns p,
.aboutNextNew p {
  font-size: 30px;
  line-height: 1.4;
  font-family: BarlowRegular, arial, sans-serif;
  padding-bottom: 20px;
}
.addTopPadd{
  padding: 30px 0 0;
}
.feltAbout {
  padding: 0 15px 5px;
  background: var(--yellow-main);
  border-radius: 16px;
}
.aboutNew,
.aboutNext,
.aboutNextNew{
  padding: 60px 0 0;
}
.aboutNew h2,
.aboutNext h2,
.aboutNextNew h2 {
	font-size: 44px;
	margin-bottom: 50px;
	line-height: 0.9;
	text-transform: none;
	font-family: barlowbold, arial, sans-serif;
}
.aboutIns2 {
    padding: 0 0 90px;
}
.aboutUl{
  padding-left: 20px;
}
.aboutUlTwo{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  column-count: 2;
}
.aboutUlTwo li{
  width: 48%;
}
.aboutUl li{
  font-size: 30px;
	line-height: 1.4;
	font-family: barlowmedium, arial, sans-serif;
  list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 25px;
  text-transform: none;
}
.aboutUl li span {
	display: block;
	font-family: barlowbold, arial, sans-serif;
  text-transform: capitalize;
}
.aboutseoWrap {
  padding-bottom: 80px;
  position: relative;
}

.aboutseobg {
  background: #ffeb00;
}

.feltseo {
  background: url(../images/howitworks/feltPromotes.png) left center no-repeat;
  background-size: 120px 70px;
  width: 120px;
  height: 70px;
  display: block;
  text-align: center;
  color: #fff;
  padding-top: 3px;
}

.aboutseoImg {
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 700px;
}

.aboutseoImgMob {
  display: none;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .aboutIns,
  .aboutIns2 {
    width: 95%;
      margin: 0 auto;
      max-width: 1700px;
  }

  .aboutIns p,
  .aboutIns2 p {
    font-size: 26px;
  }
  .aboutUl li{
    font-size: 26px;
  }
  .termTit {
    padding: 70px 0;
  }

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

  .glos13,
  .glos14,
  .glos15,
  .glos16 {
    margin-bottom: 50px;
  }

  .glosWrap {
    padding-top: 50px;
  }

  .langWrap {
    padding: 0;
  }

  .lang4,
  .lang5,
  .lang6 {
    margin-bottom: 90px;
  }
    .aboutNextNew h2 {
        font-size: 42px;
    }
    .aboutNextNew {
        padding: 30px 0 0;
    }
}

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

  .termUpImg {
    margin-top: -20px;
  }

  .termTit {
    padding: 70px 0;
  }

  .termTit h1 {
    font-size: 48px;
  }

  .glos1,
  .glos2,
  .glos3,
  .glos4,
  .glos5,
  .glos6,
  .glos7,
  .glos8,
  .glos9,
  .glos10,
  .glos11,
  .glos12,
  .glos13,
  .glos14,
  .glos15,
  .glos16 {
    width: 45%;
  }

  .glos15,
  .glos16 {
    margin-bottom: 50px;
  }

  .glosWrap {
    padding: 50px 0 40px;
  }

  .lang4,
  .lang5,
  .lang6 {
    margin-bottom: 50px;
  }

  .langWrap {
    padding-bottom: 0;
  }

  .aboutbg {
    padding-bottom: 0;
  }
    .aboutNextNew {
        padding: 35px 0 0;
    }
    .aboutNextNew h2 {
        font-size: 42px;
    }
  .aboutWrap {
    padding: 0;
  }

  .aboutWrap {
    width: 80%;
  }

  .aboutIns {
    padding: 60px 0 0;
  }

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

  .aboutIns p,
  .aboutIns2 p {
    font-size: 21px;
  }
  .aboutUl li{
    font-size: 21px;
  }
  .aboutIns2{
    width: 100%;
      margin: 0 auto;
    padding: 0 0 70px;
  }

  .aboutseoImg {
    width: 530px;
    left: -60px;
  }
  .termIns h3 {
    font-size: 28px;
  }
  .termWrap p,
  .termpad p,
  .termIns ul li {
    font-size: 21px;
  }
}

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

  .termUpImg {
    margin-top: -20px;
  }

  .termTit {
    padding: 50px 0;
  }

  .termTit h1 {
    font-size: 40px;
  }

  .termIns {
    padding-top: 20px;
  }

  .feltGlos {
    background-size: 180px 50px;
    width: 180px;
    height: 50px;
  }

  .glos1,
  .glos2,
  .glos3,
  .glos4,
  .glos5,
  .glos6,
  .glos7,
  .glos8,
  .glos9,
  .glos10,
  .glos11,
  .glos12,
  .glos13,
  .glos14,
  .glos15,
  .glos16 {
    width: 45%;
  }

  .glos15,
  .glos16 {
    margin-bottom: 50px;
  }

  .glosWrap {
    padding: 50px 0 40px;
  }

  .langBox {
    width: 45%;
  }

  .lang4 {
    margin-bottom: 130px !important;
  }

  .langWrap {
    padding: 30px 0 0;
  }

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

  .aboutWrap {
    padding: 50px 0 0;
    margin: 0 auto;
    justify-content: center;
  }

  .aboutIns {
    padding-top: 0;
    width: 90%;
    margin: 0 auto;
  }

  .aboutIns p,
  .aboutIns2 p,
  .aboutUl li {
    font-size: 18px;
  }
  .aboutIns2{
    width: 90%;
      margin: 0 auto;
    padding: 0 0 50px;
  }
  .aboutNew h2,
  .aboutNext h2,
  .aboutNextNew h2 {
  	font-size: 40px;
    margin-bottom: 30px;
  }
  .aboutNext, .aboutNextNew {
  	padding: 0;
  }
  .aboutNew{
    padding: 0 0 0;
  }
  .feltAbout {
    display: inline-block;
  }

  .aboutseoImg {
    display: none;
  }

  .aboutseoImgMob {
    display: block;
    width: 500px;
    margin: 0 auto;
    padding-top: 35px;
  }
  .termIns h3 {
    font-size: 24px;
  }
  .termWrap p,
  .termpad p,
  .termIns ul li {
    font-size: 18px;
  }
}

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

  .termUpImg {
    margin-top: -20px;
  }

  .termTit {
    padding: 50px 0;
  }

  .termTit h1 {
    font-size: 40px;
  }
  .portfTitle .langspnorm{
    font-size: 38px;
  }
  .termIns {
    padding-top: 20px;
  }

  .glos1,
  .glos2,
  .glos3,
  .glos4,
  .glos5,
  .glos6,
  .glos7,
  .glos8,
  .glos9,
  .glos10,
  .glos11,
  .glos12,
  .glos13,
  .glos14,
  .glos15,
  .glos16 {
    width: 45%;
  }

  .glos15,
  .glos16 {
    margin-bottom: 50px;
  }

  .glosWrap {
    padding: 50px 0 0;
  }

  .langWrap {
    padding: 50px 0 25px;
  }

  .langBox {
    width: 43%;
  }

  .lang4 {
    margin-bottom: 130px !important;
  }

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

  .aboutWrap {
    padding: 50px 0 0;
    margin: 0 auto;
    justify-content: center;
  }

  .aboutIns {
    padding-top: 0;
    width: 90%;
    margin: 0 auto;
  }

  .feltAbout {
    display: inline-block;
  }

  .aboutseoImg {
    display: none;
  }

  .aboutseoImgMob {
    display: block;
    width: 500px;
    margin: 0 auto;
    padding-top: 35px;
  }

  .aboutIns p,
  .aboutIns2 p,
  .aboutUl li {
    font-size: 16px;
  }
  .aboutIns2{
    width: 89%;
    margin: 0 auto;
      padding: 0 0 50px;
  }
  .aboutNew h2,
  .aboutNext h2,
  .aboutNextNew h2 {
  	font-size: 40px;
    margin-bottom: 30px;
  }
  .aboutNext,
  .aboutNextNew {
  	padding: 0;
  }
  .aboutNew{
    padding: 0 0 0;
  }
  .termIns h3 {
    font-size: 24px;
  }
  .termWrap p,
  .termpad p,
  .termIns ul li {
    font-size: 18px;
  }
}

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

  .termUpImg,
  .termDownImg {
    display: none;
  }

  .termTit {
    padding: 35px 0;
  }

  .termTit h1 {
    font-size: 40px;
  }
  .portfTitle .langspnorm br{
    display: none;
  }
  .termIns {
    padding: 35px 0 15px;
  }

  .glos1,
  .glos2,
  .glos3,
  .glos4,
  .glos5,
  .glos6,
  .glos7,
  .glos8,
  .glos9,
  .glos10,
  .glos11,
  .glos12,
  .glos13,
  .glos14,
  .glos15,
  .glos16 {
    width: 400px;
    margin: 0 auto 130px;
  }

  .glos16 {
    margin-bottom: 50px;
  }

  .glosWrap {
    padding: 100px 0 0;
  }

  .langWrap {
    padding: 90px 0 25px;
  }

  .langBox {
    width: 400px;
    margin: 0 auto 110px;
  }

  .lang4 {
    margin-bottom: 130px !important;
  }

  .langspnorm {
    display: block;
    margin-top: 0;
  }

  .cloudsPageMob {
    display: block;
  }

  .portFootMob {
    background: #e1dfe0;
  }

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

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

  .aboutWrap {
    padding: 50px 0 0;
    margin: 0 auto;
    justify-content: center;
  }

  .aboutIns {
    padding-top: 0;
    width: 95%;
    margin: 0 auto;
  }

  .aboutIns h1 {
    font-size: 32px;
    margin-bottom: 20px;
    line-height: 1.3;
  }

  .feltAbout {
    display: inline-block;
  }

  .aboutIns p,
  .aboutIns2 p,
  .aboutUl li {
    font-size: 18px;
  }
  .aboutIns2{
    width: 95%;
    margin: 0 auto;
      padding: 0 0 35px;
  }
  .aboutNew h2,
  .aboutNext h2,
  .aboutNextNew h2 {
  	font-size: 32px;
    margin-bottom: 30px;
  }
  .aboutUlTwo{
    column-count: 1;
    flex-direction: column;
  }
  .aboutUlTwo li {
  	width: 100%;
  }
  .aboutNext,
  .aboutNextNew {
  	padding: 40px 0 0;
  }
  .aboutNew{
    padding: 0 0 0;
  }
  .aboutseoImg {
    display: none;
  }

  .aboutseoImgMob {
    display: block;
    width: 400px;
    margin: 0 auto;
    padding-top: 35px;
  }

  .feltseo {
    background-size: 120px 50px;
    width: 120px;
    height: 50px;
  }
  .feltLang {
    font-size: 30px;
  }
  .termIns h3 {
    font-size: 24px;
  }
  .termWrap p,
  .termpad p,
  .termIns ul li {
    font-size: 18px;
  }
}

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

  .glos1,
  .glos2,
  .glos3,
  .glos4,
  .glos5,
  .glos6,
  .glos7,
  .glos8,
  .glos9,
  .glos10,
  .glos11,
  .glos12,
  .glos13,
  .glos14,
  .glos15,
  .glos16 {
    width: 280px;
    margin: 0 auto 100px;
  }

  .glos16 {
    margin-bottom: 35px !important;
  }

  .glos1::before,
  .glos2::before,
  .glos3::before,
  .glos4::before,
  .glos5::before,
  .glos6::before,
  .glos7::before,
  .glos8::before,
  .glos9::before,
  .glos10::before,
  .glos11::before,
  .glos12::before,
  .glos13::before,
  .glos14::before,
  .glos15::before,
  .glos16::before {
    left: -10px;
  }

  .glosWrap {
    padding: 70px 0 0;
  }

  .langBox {
    width: 280px;
    margin: 0 auto 110px;
  }

  .lang1::before,
  .lang2::before,
  .lang3::before,
  .lang4::before,
  .lang5::before,
  .lang6::before {
    left: -10px;
  }

  .lang6 {
    margin-bottom: 20px !important;
  }

  .aboutIns h1 {
    font-size: 36px;
    margin-bottom: 20px;
  }

  .feltAbout {
    width: 290px;
  }
  .feltAboutSmaller{
    font-size: 26px;
  }

  .aboutWrap {
    padding: 50px 0 0;
  }

  .aboutseoImg {
    display: none;
  }

  .aboutseoImgMob {
    display: block;
    width: 280px;
    margin: 0 auto;
    padding-top: 35px;
  }

  .feltseo {
    background-size: 120px 40px;
    width: 120px;
    height: 40px;
  }
  .feltLang {
    display: inline-block;
    font-size: 21px;
    margin: 0 0 2px;
  }
}

/*========================================================
    Review Us
=========================================================*/
.revWrap {
  width: 1024px;
  margin: 20px auto 60px auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.revBoxWrap {
  width: 32.5%;
  margin: 0 auto 20px;
  font-family: barlowregular, arial, sans-serif;
}
.revBoxWrapEmpty {
  width: 32.5%;
  margin: 0 auto 20px;
}
.revBox {
  text-align: center;
  border: 1px solid #00baff;
  margin: 0 auto;
  background: #253c49;
  border-radius: 3px;
  padding: 15px 20px;
  width: 100%;
}

.revBox img {
  width: 160px;
}

.reviewTitle {
  font-size: 32px;
  color: #00baff;
  text-transform: uppercase;
}

.reviewDesc {
  font-size: 0.9em;
  color: #fff;
}

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

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .revTit h1 {
    font-size: 26px;
  }

  .revTit {
    width: 770px;
  }

  .reviewTitle {
    font-size: 24px;
  }
}

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

  .revBox img {
    width: 120px;
  }

  .reviewTitle {
    font-size: 24px;
  }
}

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

  .revWrap {
    margin: 20px auto 0;
  }

  .revTit {
    margin: 20px auto;
  }

  .revTit h1 {
    font-size: 24px;
  }

  .revBoxWrap {
    padding: 15px 10px;
  }

  .revBox img {
    width: 100px;
  }

  .reviewTitle {
    font-size: 1.4em;
  }

  .reviewTitle {
    font-size: 1.3em;
  }
}

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

  .revWrap {
    width: 90%;
    margin: 20px auto 50px;
    flex-direction: column;
  }

  .revTit h1 {
    font-size: 21px;
    padding-bottom: 10px;
  }

  .revBox {
    width: 100%;
    float: none;
    margin: 5px auto;
  }

  .revBox img {
    width: 130px;
  }

  .reviewTitle {
    font-size: 1.6em;
  }

  .revBoxWrap {
    padding: 5px;
    width: 300px;
    max-width: 300px;
    margin: 0 auto;
  }
  .revBoxWrapEmpty {
    width: 300px;
  }

  .revBox {
    padding: 10px;
  }

  .reviewTitle {
    font-size: 1.3em;
  }
  .reviewDesc {
  	font-size: 1em;
    margin-top: 2px;
  }
}

/*========================================================
    Restaurants Solutions page
=========================================================*/
.restauBanner {
  background: var(--yellow-restaurants);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

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

.restauLeft {
  width: 40%;
}

.restauRight {
  width: 60%;
  position: relative;
}

.restauLeft h1 {
  font-family: barlowblack, arial, sans-serif;
  font-size: 75px;
  color: var(--red-color);
  margin: 180px 0 60px;
  line-height: 1.1;
}

.bannH1sp1,
.bannH1sp2 {
  display: block;
}

.bannH1sp1 {
  text-transform: capitalize;
  font-size: 110px;
}

.restauLeft p {
  color: var(--main-text);
  font-family: barlowbold, arial, sans-serif;
  font-size: 58px;
  line-height: 1.2;
  margin: 30px 0 60px;
}

.restauLeft p span {
  display: block;
}

.restauBallo {
  position: absolute;
  bottom: 70px;
  right: 350px;
  width: 200px;
  height: 200px;
  background: url("../images/restaurants/top-banner-label.png") center center
    no-repeat;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
}

.restauBallo p {
  font-family: barlowbold, arial, sans-serif;
  font-size: 56px;
  line-height: 1.1;
  margin-left: 25px;
}

.restauBallo p span {
  display: block;
  font-family: barlowmedium, arial, sans-serif;
  font-size: 21px;
}

.restauBtnPlace {
  padding: 0 0 200px;
}

.restauBtnPlace .btnHow {
  padding: 25px 60px;
  text-transform: uppercase;
  font-size: 26px;
}

.restauBtnPlace .btnHow span {
  display: block;
  font-size: 13px;
}

.pizzaBann {
  position: absolute;
  left: 280px;
  bottom: -150px;
  width: 400px;
}

.phoneBann {
  position: absolute;
  right: -170px;
  bottom: -140px;
  width: 590px;
}

.menuleafletBann {
  position: absolute;
  left: 100px;
  top: 50px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .menuleafletBann {
    left: 0;
    width: 980px;
  }

  .restauBanner .container {
    width: 86%;
  }

  .restauLeft p {
    font-size: 50px;
  }

  .restauLeft h1 {
    margin-top: 170px;
    width: 692px;
  }

  .chefWeb h2 {
    width: 1729px;
    margin: 0 auto;
  }

  .pizzaBann {
    left: 250px;
    bottom: -80px;
    width: 300px;
  }

  .phoneBann {
    right: -86px;
    bottom: -80px;
    width: 480px;
  }

  .restauBtnPlace {
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .menuleafletBann {
    width: 700px;
    left: 0;
    top: 20px;
  }

  .bannH1sp1 {
    font-size: 80px;
  }

  .restauLeft h1 {
    font-size: 48px;
    margin-top: 80px;
    width: 468px;
  }

  .restauLeft p {
    font-size: 36px;
    margin: 30px 0;
    line-height: 1;
  }

  .restauBallo {
    bottom: 25px;
    right: 250px;
  }

  .restauBtnPlace .btnHow {
    padding: 15px 40px;
    font-size: 19px;
  }

  .restauBtnPlace {
    padding-bottom: 80px;
  }

  .pizzaBann {
    left: 147px;
    bottom: -90px;
    width: 200px;
  }

  .phoneBann {
    right: auto;
    left: 400px;
    bottom: -140px;
    width: 300px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .menuleafletBann {
    width: 580px;
    left: 0;
    top: 20px;
  }

  .bannH1sp1 {
    font-size: 70px;
  }

  .restauLeft h1 {
    font-size: 40px;
    margin-top: 30px;
    width: 390px;
  }

  .restauLeft p {
    font-size: 30px;
    margin: 30px 0 35px;
    line-height: 1;
  }

  .restauBallo {
    width: 160px;
    height: 160px;
    bottom: 10px;
    right: 145px;
  }

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

  .restauBallo p span {
    font-size: 16px;
  }

  .restauBtnPlace .btnHow {
    padding: 10px 35px;
    font-size: 21px;
  }

  .restauBtnPlace .btnHow span {
    font-size: 13px;
  }

  .pizzaBann {
    left: 120px;
    bottom: -80px;
    width: 140px;
  }

  .phoneBann {
    right: auto;
    left: 300px;
    bottom: -94px;
    width: 260px;
  }

  .restauBtnPlace {
    padding-bottom: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .menuleafletBann {
    display: none;
  }

  .bannH1sp1 {
    font-size: 100px;
  }

  .bannH1sp2 {
    font-size: 60px;
  }

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

  .restauRight,
  .restauLeft {
    width: 100%;
  }

  .restauBallo {
    bottom: 0;
    right: 250px;
  }

  .restauLeft {
    padding-left: 20px;
  }

  .restauLeft h1 {
    margin-top: 35px;
    font-size: 42px;
  }

  .restauLeft p {
    margin: 35px 0;
    font-size: 36px;
    line-height: 1;
  }

  .restauLeft p span {
    display: inline;
  }

  .restauMobOnly {
    display: block;
    margin-bottom: 60px;
  }

  .restauMobOnly img {
    width: 100%;
    height: auto;
  }

  .restauBtnPlace .btnHow {
    margin-left: 0;
    padding: 15px 45px;
    margin-bottom: 50px;
  }

  .pizzaBann,
  .phoneBann {
    display: none;
  }

  .restauBtnPlace {
    text-align: center;
    padding: 0;
  }
}

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

  .bannH1sp1 {
    font-size: 52px;
  }

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

  .restauRight,
  .restauLeft {
    width: 100%;
  }

  .restauBallo {
    bottom: -25px;
    right: 140px;
  }

  .restauLeft {
    padding-left: 0;
  }

  .restauLeft h1 {
    margin-top: 35px;
    font-size: 42px;
  }

  .restauLeft p {
    margin: 35px 0;
    font-size: 36px;
    line-height: 1;
  }

  .restauLeft p span {
    display: inline;
  }

  .restauMobOnly {
    display: block;
    margin-bottom: 60px;
  }

  .restauMobOnly img {
    width: 100%;
    height: auto;
  }

  .restauBtnPlace .btnHow {
    margin-left: 0;
    padding: 15px 45px;
    margin-bottom: 50px;
    font-size: 21px;
  }

  .pizzaBann,
  .phoneBann {
    display: none;
  }

  .restauBtnPlace {
    text-align: center;
    padding: 0;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .restauLeft p {
    font-size: 24px;
  }
}

@media only screen and (max-width: 479px) {
  .restauBallo {
    bottom: -25px;
    right: 70px;
    width: 170px;
    height: 170px;
  }

  .restauBallo p {
    font-size: 46px;
    margin-left: 15px;
  }

  .restauLeft {
    padding: 0 15px;
  }

  .restauLeft h1 {
    font-size: 34px;
    margin: 35px 0 30px;
  }

  .restauMobOnly {
    margin-bottom: 30px;
  }

  .restauLeft p {
    margin: 20px 0;
    font-size: 19px;
  }

  .restauBtnPlace .btnHow {
    margin-bottom: 35px;
    padding: 15px 25px;
  }
}

/*========================================================
    RV Resorts Solutions page
=========================================================*/
.rvBanner,
.hvacbanner {
  padding: 50px 0 50px;
}

.rvBallo {
  right: 20px;
  bottom: 0;
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .rvBallo {
    right: -50px;
    bottom: -20px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .rvBallo {
    right: -20px;
    bottom: -10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .rvBallo {
    right: -20px;
    bottom: -10px;
  }
}

@media only screen and (max-width: 767px) {
  .rvBallo {
    right: -20px;
    bottom: -50px;
  }
}

@media only screen and (max-width: 479px) {
  .rvBallo {
    right: 10px;
    bottom: -30px;
  }

  .rvBanner {
    padding: 20px 0 0;
  }
}

/*========================================================
    OUR TEAM page
=========================================================*/
.ourteambg {
  background: url("../images/ourteam/ourteambg.jpg");
  background-repeat: repeat-y;
  background-position: center center;
  background-size: 2560px 20px;
}

.teamWrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 90px 0;
  flex-wrap: wrap;
}

.teamTit {
  padding: 90px 0 60px;
  text-align: center;
}

.teamTit h1 {
  font-size: 54px;
  line-height: 1.1;
  text-align: left;
  text-transform: none;
  font-family: barlowbold, arial, sans-serif;
  text-transform: capitalize;
  display: block;
  text-align: center;
}

.feltTeam {
  padding: 0 25px 5px;
  background: var(--yellow-main);
  border-radius: 16px;
  display: inline-block;
  font-size: 44px;
  font-family: barlowbold, arial, sans-serif;
  text-transform: capitalize;
}
/* Ewa: I changed  on 11/02/24 @ 6:54am EST */
.teamBox {
  width: 31%;
  margin-bottom: 70px;
}

.teamBoxEmpty {
  width: 31%;
}
/* end changes */
.teamBox img {
  width: 100%;
}

.teamBox h3 {
  text-transform: uppercase;
  font-size: 30px;
  letter-spacing: 2px;
  font-family: barlowbold, arial, sans-serif;
  margin-top: 20px;
}

.teamBox h3 span {
  text-transform: capitalize;
  font-family: barlowregular, arial, sans-serif;
  font-size: 21px;
  display: block;
  margin-bottom: 10px;
}

.teamInfo {
  border-left: 8px solid var(--bluebann);
  padding-left: 16px;
}

.fateam {
  font-size: 24px;
  color: var(--bluebann);
  margin-right: 10px;
}

.teamInfo p {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.teamicons {
  width: 25px !important;
  height: 25px !important;
  display: inline-block;
  margin-right: 10px;
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .feltTeam {
    font-size: 32px;
    background-size: 230px 60px;
    width: 230px;
    height: 60px;
    padding-top: 10px;
  }

  .teamTit h1 {
    font-size: 42px;
  }

  .teamTit {
    padding: 60px 0 35px;
  }

  .teamBox h3 {
    font-size: 26px;
  }

  .teamBox h3 span {
    letter-spacing: 1px;
    font-size: 18px;
  }

  .teamWrap {
    padding: 90px 0 50px;
  }

  .teamshy {
    padding: 20px 0 75px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .feltTeam {
    font-size: 32px;
    background-size: 230px 60px;
    width: 230px;
    height: 60px;
    padding-top: 10px;
  }

  .teamTit h1 {
    font-size: 42px;
  }

  .teamTit {
    padding: 60px 0 35px;
  }

  .teamBox h3 {
    font-size: 26px;
  }

  .teamBox h3 span {
    letter-spacing: 1px;
    font-size: 18px;
  }

  .teamWrap {
    padding: 90px 0 50px;
  }

  .teamshy {
    padding: 20px 0 75px;
  }

  .teamBox {
    width: 32%;
  }

  .teamBoxEmpty {
    width: 32%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .feltTeam {
    font-size: 26px;
    background-size: 200px 50px;
    width: 200px;
    height: 50px;
    padding-top: 10px;
  }

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

  .teamTit {
    padding: 60px 0 35px;
  }

  .teamBox h3 {
    font-size: 26px;
  }

  .teamBox h3 span {
    letter-spacing: 1px;
    font-size: 18px;
  }

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

  .teamshy {
    padding: 20px 0 35px;
  }

  .teamBox {
    width: 47%;
  }

  .teamBoxEmpty {
    width: 47%;
  }
}

@media only screen and (max-width: 767px) {
  .feltTeam {
    font-size: 26px;
    background-size: 200px 50px;
    width: 200px;
    height: 50px;
    padding-top: 10px;
  }

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

  .teamTit {
    padding: 35px 0 35px;
  }

  .teamBox h3 {
    font-size: 26px;
  }

  .teamBox h3 span {
    letter-spacing: 1px;
    font-size: 18px;
  }

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

  .teamshy {
    padding: 20px 0 35px;
  }

  .teamBox {
    width: 400px;
    margin: 0 auto 50px;
  }

  .teamBoxEmpty {
    width: 400px;
  }
}

@media only screen and (max-width: 479px) {
  .teamBox {
    width: 90%;
    margin: 0 auto 50px;
  }

  .teamBoxEmpty {
    width: 90%;
  }

  .teamWrap {
    padding: 35px 0 0;
  }

  .teamshy {
    padding: 0;
  }
}

/*========================================================
    Chef Websites Section - Restaurants page
=========================================================*/
.chefWeb {
  padding: 260px 0 0;
}

.chefWeb h2 {
  color: #000;
  font-family: barlowbold, arial, sans-serif;
  font-size: 80px;
  text-align: right;
}

.chefWeb h2 span {
  background: url(../images/restaurants/websites-bg.png) left top no-repeat;
  background-size: 320px 110px;
  width: 320px;
  height: 110px;
  padding: 0 20px;
  margin: 0 auto;
  display: inline-block;
}

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

.chefWebLeft {
  width: 40%;
  position: relative;
}

.chefWebRight {
  width: 50%;
}

.chefWebLeft img {
  width: 880px;
  position: absolute;
  bottom: -190px;
  left: 0;
  z-index: 3;
}

.chefWebRight ul {
  max-width: 430px;
  margin: 100px auto 0;
}

.chefWebRight ul li {
  background: url("../images/restaurants/blue-ball.png") no-repeat;
  background-position: left top 10px;
  background-size: 25px 25px;
  font-size: 26px;
  font-family: barlowmedium, arial, sans-serif;
  text-transform: capitalize;
  padding: 12px 0 12px 40px;
}

.chefWebRightBtnPlace {
  margin: 100px 0 20px 0;
  text-align: center;
}

.chefWebRightBtnPlace .btnHow {
  background: #df133a;
  text-transform: uppercase;
  margin-left: 0;
  padding: 25px 60px;
}

.chefproj1 {
  display: block;
  font-size: 16px;
}

.chefproj2 {
  display: block;
  font-size: 26px;
}

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

  .chefWebLeft img {
    bottom: -260px;
  }
}

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

  .chefWeb h2 {
    font-size: 48px;
    width: 1171px;
    margin: 0 auto;
  }

  .chefWeb h2 span {
    background-size: 220px 75px;
    width: 220px;
    height: 75px;
  }

  .chefWebRight ul {
    margin-top: 50px;
  }

  .chefWebRightBtnPlace {
    margin: 50px 0 20px 0;
  }

  .chefproj1 {
    font-size: 13px;
  }

  .chefproj2 {
    font-size: 21px;
  }

  .chefWebRight {
    width: 44%;
  }

  .chefWebLeft img {
    width: 650px;
    bottom: -150px;
  }

  .chefWebRight ul li {
    background-size: 19px 19px;
    font-size: 18px;
    padding: 8px 0 8px 35px;
  }
}

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

  .chefWeb h2 {
    font-size: 42px;
    width: 973px;
    margin: 0 auto;
  }

  .chefWeb h2 span {
    background-size: 180px 65px;
    width: 180px;
    height: 65px;
  }

  .chefproj1 {
    font-size: 13px;
  }

  .chefproj2 {
    font-size: 18px;
  }

  .chefWebRight {
    width: 54%;
  }

  .chefWebRight ul {
    margin-top: 60px;
  }

  .chefWebRightBtnPlace {
    margin: 60px 0 20px 0;
  }

  .chefWebLeft img {
    width: 460px;
    bottom: -60px;
  }

  .chefWebRight ul li {
    background-size: 16px 16px;
    font-size: 16px;
    padding: 8px 0 8px 30px;
  }

  .chefWebRightBtnPlace .btnHow {
    padding: 22px 55px;
  }
}

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

  .chefWeb h2 {
    font-size: 44px;
    text-align: center;
  }

  .chefWeb h2 span {
    background-size: 220px 65px;
    width: 220px;
    height: 65px;
  }

  .chefproj1 {
    font-size: 14px;
  }

  .chefproj2 {
    font-size: 21px;
  }

  .chefWebWrap {
    flex-direction: column;
  }

  .chefWebLeft,
  .chefWebRight {
    width: 100%;
  }

  .chefWebLeft {
    text-align: center;
  }

  .chefWebLeft img {
    width: 100%;
    position: static;
    margin: 25px auto 0;
  }

  .chefWebRight ul {
    margin-top: 20px;
    padding: 0 60px;
  }

  .chefWebRight ul li {
    background-size: 18px 18px;
    font-size: 19px;
    padding: 8px 0 8px 30px;
  }

  .chefWebRightBtnPlace {
    margin: 50px 0 20px;
  }
}

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

  .chefWeb h2 {
    font-size: 42px;
    text-align: center;
  }

  .chefWeb h2 span {
    background-size: 190px 65px;
    width: 190px;
    height: 65px;
    padding: 0;
  }

  .chefproj1 {
    font-size: 14px;
  }

  .chefproj2 {
    font-size: 21px;
  }

  .chefWebWrap {
    flex-direction: column;
  }

  .chefWebLeft,
  .chefWebRight {
    width: 100%;
  }

  .chefWebLeft {
    text-align: center;
  }

  .chefWebLeft img {
    position: static;
    margin: 25px auto 0;
    width: 100%;
  }

  .chefWebRight ul {
    margin-top: 20px;
    padding-left: 20px;
    columns: 1;
  }

  .chefWebRight ul li {
    background-size: 18px 18px;
    font-size: 19px;
    padding: 8px 0 8px 30px;
  }

  .chefWebRightBtnPlace {
    margin: 25px 0 30px;
  }

  .chefWebRightBtnPlace .btnHow {
    margin-bottom: 0;
  }
}

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

@media only screen and (max-width: 479px) {
  .chefWeb h2 {
    font-size: 32px;
  }

  .chefWeb h2 span {
    background-size: 220px 55px;
    width: 220px;
    height: 55px;
    padding-bottom: 0;
    padding-top: 3px;
  }

  .chefproj2 {
    font-size: 18px;
  }

  .chefWeb {
    padding: 20px 0 20px;
  }

  .chefWebRightBtnPlace .btnHow {
    font-size: 18px;
    padding: 15px 25px;
  }
}

/*========================================================
    onliOrder - Online Order - Restaurants page
=========================================================*/
.onliOrder {
  background: var(--yellow-main);
  padding: 300px 0 200px;
  position: relative;
}

.onliTopImg {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.onliOrder h2 {
  background: url(../images/restaurants/onlorder-bg.png) left top no-repeat;
  background-size: 690px 270px;
  width: 690px;
  height: 270px;
  padding-top: 45px;
  display: block;
  color: #fff;
  text-align: center;
  font-family: barlowbold, arial, sans-serif;
  margin: 0 auto;
  line-height: 0.9;
}

.orderH2sp1,
.orderH2sp2,
.orderH2sp3 {
  display: block;
}

.orderH2sp1 {
  font-size: 30px;
  text-transform: uppercase;
}

.orderH2sp2 {
  font-size: 80px;
  text-transform: capitalize;
}

.orderH2sp3 {
  font-size: 65px;
  text-transform: capitalize;
}

.onliOrderSingle {
  position: relative;
}

.onliOrderText {
  padding-left: 15px;
}

.onliOrderText p span {
  font-size: 90px;
  display: block;
}

.onliOrderText p {
  font-size: 32px;
  line-height: 1;
  font-family: barlowbold, arial, sans-serif;
}

.onliOrderWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 100px 0 0;
}

.onliBottomImg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.onliOrderThird {
  margin-top: 60px;
}

.onliOrderFour {
  margin-top: 130px;
}

.addBtm {
  margin-bottom: 20px;
}

.line1 {
  position: absolute;
  bottom: 200px;
  right: -160px;
}

.line2 {
  position: absolute;
  top: 10px;
  right: -270px;
  width: 98%;
  transform: rotate(3deg);
}

.line3 {
  position: absolute;
  bottom: 65px;
  right: -160px;
  width: 60%;
}

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

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

  .onliOrderSingle {
    width: 19%;
  }

  .onliBottomImg {
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 100px;
  }

  .onliOrderImg img {
    width: 100%;
  }

  .line1 {
    width: 85%;
  }

  .line2 {
    top: 15px;
    right: -205px;
    transform: rotate(1deg);
  }

  .line3 {
    width: 69%;
  }

  .onliOrderText p span {
    font-size: 82px;
  }

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

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

  .orderH2sp1 {
    font-size: 21px;
  }

  .orderH2sp2 {
    font-size: 48px;
  }

  .orderH2sp3 {
    font-size: 42px;
  }

  .onliOrder h2 {
    background-size: 490px 180px;
    width: 490px;
    height: 180px;
    padding-top: 40px;
  }

  .onliOrderWrap {
    padding-top: 50px;
  }

  .onliOrderSingle {
    width: 19%;
  }

  .onliBottomImg {
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 100px;
  }

  .onliOrderImg img {
    width: 100%;
  }

  .onliOrderText p span {
    font-size: 66px;
  }

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

  .line1 {
    bottom: 190px;
    right: -133px;
    width: 74%;
  }

  .line2 {
    top: 14px;
    right: -200px;
  }

  .line3 {
    bottom: 74px;
    right: -115px;
    width: 60%;
  }
}

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

  .onliOrder h2 {
    background-size: 350px 135px;
    width: 350px;
    height: 135px;
    padding-top: 20px;
  }

  .orderH2sp1 {
    font-size: 18px;
  }

  .orderH2sp2 {
    font-size: 42px;
  }

  .orderH2sp3 {
    font-size: 34px;
  }

  .onliOrderSingle {
    width: 19%;
  }

  .onliOrderImg img {
    width: 100%;
  }

  .onliOrderText p span {
    font-size: 54px;
  }

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

  .line1 {
    bottom: 190px;
    right: -85px;
    width: 70%;
  }

  .line2 {
    top: 24px;
    right: -138px;
    transform: rotate(6deg);
  }

  .line3 {
    bottom: 88px;
    right: -84px;
  }

  .onliOrderWrap {
    padding-top: 35px;
  }
}

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

  .onliOrder h2 {
    background-size: 360px 145px;
    width: 360px;
    height: 145px;
    padding-top: 25px;
  }

  .orderH2sp1 {
    font-size: 18px;
  }

  .orderH2sp2 {
    font-size: 44px;
  }

  .orderH2sp3 {
    font-size: 36px;
  }

  .onliOrderWrapDesktop {
    display: none;
  }

  .onliOrder .onliOrderWrapMobile {
    display: flex;
  }

  .onliOrder .onliOrderWrapMobile .onliOrderWrap {
    padding: 30px 0 0;
  }

  .onliOrder .onliOrderWrap {
    width: 300px;
    margin: 0 auto;
  }

  .onliOrderThird,
  .onliOrderFour {
    margin-top: 0;
  }

  .onliOrderImg,
  .onliOrder .onliOrderImg img {
    width: 100%;
  }

  .onliOrderText p span {
    font-size: 64px;
  }

  .onliOrderText p {
    font-size: 22px;
    text-align: center;
  }

  .onliOrder .line1,
  .onliOrder .line2,
  .onliOrder .line3 {
    display: none !important;
  }

  .onliOrder .onlOrdBtnPlace {
    margin: 50px auto 0;
  }
}

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

  .onliOrder h2 {
    background-size: 280px 55px;
    width: 280px;
    height: 55px;
    font-size: 32px;
    padding: 5px 0 0 0;
  }

  .onliOrderWrapDesktop {
    display: none;
  }

  .onliOrder .onliOrderWrapMobile {
    display: flex;
  }

  .onliOrder .onliOrderWrapMobile .onliOrderWrap {
    padding: 20px 0 0;
  }

  .onliOrder .onliOrderWrap {
    width: 300px;
    margin: 0 auto;
  }

  .onliOrderThird,
  .onliOrderFour {
    margin-top: 0;
  }

  .onliOrderImg,
  .onliOrder .onliOrderImg img {
    width: 100%;
  }

  .onliOrderText p span {
    font-size: 64px;
  }

  .onliOrderText p {
    font-size: 22px;
    text-align: center;
  }

  .onliOrder .line1,
  .onliOrder .line2,
  .onliOrder .line3 {
    display: none !important;
  }

  .onliOrder .onlOrdBtnPlace {
    margin-top: 50px;
  }

  .onliOrder h2 {
    background-size: 420px 135px;
    width: 420px;
    height: 135px;
    font-size: 42px;
    padding-top: 25px;
  }

  .orderH2sp1 {
    font-size: 16px;
  }

  .orderH2sp2 {
    font-size: 42px;
  }

  .orderH2sp3 {
    font-size: 36px;
  }
}

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

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

  .orderH2sp2 {
    font-size: 38px;
  }

  .orderH2sp3 {
    font-size: 32px;
  }

  .onliOrder h2 {
    background-size: 325px 135px;
    width: 325px;
    height: 135px;
  }

  .onliOrder {
    padding: 70px 0 80px;
  }
}

/*========================================================
    onlOrd - Online Order - Restaurants page
=========================================================*/
.onlOrdTop,
.onlOrdBot {
  width: 100%;
  display: block;
}

.onlOrdMiddle {
  background: #feeb04;
}

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

.onlOrdLeft {
  width: 50%;
}

.onlOrdRight {
  width: 50%;
  position: relative;
}

.onlOrdLeft h2 {
  background: url(../images/restaurants/onlorder-bg.png) left top no-repeat;
  background-size: 690px 110px;
  width: 690px;
  height: 110px;
  padding-left: 15px;
  padding-bottom: 10px;
  display: block;
  color: #fff;
  text-align: center;
  font-family: barlowbold, arial, sans-serif;
  font-size: 80px;
  margin: 0 auto;
}

.onlOrdLeft ul {
  columns: 2;
  margin-top: 100px;
}

.onlOrdLeft ul li {
  background: url("../images/restaurants/blue-ball.png") no-repeat;
  background-position: left top 10px;
  background-size: 25px 25px;
  font-size: 24px;
  font-family: barlowmedium, arial, sans-serif;
  text-transform: capitalize;
  padding: 8px 0 8px 40px;
}

.smallonlOrd {
  font-size: 18px;
  padding-top: 30px;
  font-family: barlowmedium, arial, sans-serif;
}

.onlOrdBtnPlace {
  margin-top: 100px;
  text-align: center;
}

.onlOrdBtnPlace .btnHow {
  background: #df133a;
  margin-left: 0;
  padding: 25px 60px;
}

.onlOrdRight img {
  width: 820px;
  position: absolute;
  left: 50px;
  top: -130px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .onlOrdLeft h2 {
    background-size: 640px 100px;
    width: 640px;
    font-size: 70px;
    margin: 40px auto 0;
  }

  .onlOrdBtnPlace {
    margin-top: 50px;
  }
}

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

  .onlOrdRight {
    width: 52%;
  }

  .smallonlOrd {
    font-size: 16px;
  }

  .onlOrdLeft h2 {
    background-size: 500px 90px;
    width: 500px;
    height: 100px;
    font-size: 48px;
    margin: 40px auto 0;
    padding-top: 8px;
  }

  .onlOrdRight img {
    width: 620px;
    top: -88px;
    left: 50px;
  }

  .onlOrdLeft ul li {
    background-size: 19px 19px;
    font-size: 18px;
    padding: 8px 0 8px 35px;
  }

  .onlOrdBtnPlace {
    margin-top: 0;
  }

  .onlOrdLeft ul {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .onlOrdLeft {
    width: 48%;
    padding-left: 35px;
  }

  .onlOrdRight {
    width: 52%;
  }

  .smallonlOrd {
    font-size: 14px;
  }

  .onlOrdLeft h2 {
    background-size: 400px 75px;
    width: 400px;
    height: 75px;
    font-size: 42px;
    margin: 40px auto 0;
    padding-top: 10px;
  }

  .onlOrdLeft ul {
    margin-top: 50px;
  }

  .onlOrdBtnPlace {
    margin-top: 0;
  }

  .onlOrdRight img {
    width: 560px;
    top: -71px;
    left: -5px;
  }

  .onlOrdLeft ul li {
    background-size: 16px 16px;
    font-size: 16px;
    padding: 8px 0 8px 28px;
  }

  .onlOrdBtnPlace .btnHow {
    padding: 22px 55px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .onlOrdWrap {
    flex-direction: column-reverse;
  }

  .onlOrdRight img {
    width: 100%;
    position: static;
    margin-top: -42px;
    display: block;
  }

  .onlOrdLeft,
  .onlOrdRight {
    width: 100%;
  }

  .onlOrdLeft h2 {
    background-size: 430px 75px;
    width: 430px;
    height: 75px;
    font-size: 44px;
    margin: 0 auto;
    padding-top: 10px;
  }

  .onlOrdLeft ul {
    margin-top: 35px;
    padding: 0 20px;
  }

  .smallonlOrd {
    padding: 30px 20px 0;
  }

  .onlOrdRight {
    position: static;
  }

  .onlOrdTop {
    display: none;
  }

  .onlOrdBtnPlace {
    margin: 50px auto 35px;
  }

  .onlOrdLeft ul li {
    background-size: 18px 18px;
    font-size: 19px;
    padding: 8px 0 8px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .onlOrdWrap {
    flex-direction: column-reverse;
  }

  .onlOrdRight img {
    width: 100%;
    position: static;
    margin-top: -32px;
  }

  .onlOrdLeft,
  .onlOrdRight {
    width: 100%;
  }

  .onlOrdLeft h2 {
    background-size: 350px 65px;
    width: 350px;
    height: 65px;
    font-size: 42px;
    margin: 0 auto;
  }

  .onlOrdLeft ul {
    margin-top: 35px;
    columns: 1;
    padding-left: 20px;
  }

  .onlOrdRight {
    position: static;
  }

  .onlOrdLeft ul li {
    font-size: 19px;
    background-size: 20px 20px;
  }

  .onlOrdBtnPlace {
    margin-top: 35px;
  }

  .onlOrdTop {
    display: none;
  }

  .smallonlOrd {
    padding: 30px 20px 0;
  }
}

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

@media only screen and (max-width: 479px) {
  .onlOrdLeft h2 {
    width: 300px;
    background-size: 300px 55px;
    font-size: 34px;
    height: 55px;
    padding-bottom: 0;
    padding-top: 3px;
  }

  .onlOrdBtnPlace .btnHow {
    font-size: 18px;
    padding: 15px 45px;
  }

  .smallonlOrd {
    padding: 25px 20px 0;
  }
}

/*========================================================
    printSec - Restaurants page
=========================================================*/
.printSec {
  padding: 30px 0 20px;
}

.printSec h2 {
  color: #000;
  text-align: center;
  font-family: barlowbold, arial, sans-serif;
  font-size: 80px;
  margin: 0 auto 100px;
  text-transform: none;
}

.printSec h2 span {
  background: url(../images/restaurants/print-bg.png) center top no-repeat;
  background-size: 220px 100px;
  width: 220px;
  height: 100px;
  padding: 0 35px;
}

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

.printLeft {
  width: 45%;
  position: relative;
}

.printRight {
  width: 55%;
}

.printLeft img {
  width: 600px;
  position: absolute;
  left: -85px;
  top: -185px;
}

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

.printList1 {
  width: 100%;
}

.printList1 ul {
  columns: 2;
}

.printList1 ul li {
  background: url("../images/restaurants/blue-ball.png") no-repeat;
  background-position: left top 10px;
  background-size: 25px 25px;
  font-size: 24px;
  font-family: barlowmedium, arial, sans-serif;
  text-transform: capitalize;
  padding: 9px 0 9px 40px;
}

.printList2 ul li {
  background: url("../images/restaurants/red-tick.png") no-repeat;
  background-position: left center;
  background-size: 35px 35px;
  font-size: 23px;
  line-height: 1.4;
  font-family: barlowmedium, arial, sans-serif;
  text-transform: none;
  padding: 8px 0 8px 50px;
}

.printBtnPlace {
  margin-top: 100px;
  text-align: center;
}

.printBtnPlace .btnHow {
  background: #df133a;
  text-transform: capitalize;
  margin-left: 0;
  padding: 25px 60px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .printSec h2 span {
    font-size: 70px;
    background-size: 220px 90px;
    height: 90px;
  }

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

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .printSec h2 {
    font-size: 48px;
    margin: 0 auto 60px;
    text-align: right;
    padding-right: 190px;
    width: 1171px;
  }

  .printSec h2 span {
    background-size: 170px 60px;
    width: 170px;
    height: 60px;
  }

  .printLeft img {
    width: 450px;
    left: -100px;
  }

  .printList1 ul li {
    background-size: 19px 19px;
    font-size: 18px;
    padding: 9px 0 9px 35px;
  }

  .printList2 ul li {
    background-size: 30px 30px;
    font-size: 16px;
    padding: 8px 0 8px 45px;
  }

  .printLists {
    width: 100%;
  }

  .printBtnPlace {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .printSec h2 {
    font-size: 42px;
    margin: 0 auto 50px;
    text-align: right;
    padding-right: 100px;
  }

  .printSec h2 span {
    background-size: 150px 55px;
    width: 150px;
    height: 55px;
  }

  .printLeft img {
    width: 366px;
    left: -65px;
    top: -102px;
  }

  .printList1 ul li {
    background-size: 16px 16px;
    font-size: 16px;
    padding: 9px 0 9px 28px;
  }

  .printList2 {
    width: 66%;
  }

  .printList2 ul li {
    background-size: 16px 16px;
    font-size: 16px;
    padding: 8px 0 8px 28px;
  }

  .printBtnPlace {
    margin-top: 50px;
  }

  .printBtnPlace .btnHow {
    padding: 22px 55px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .printSec h2 {
    font-size: 44px;
    margin: 0 auto 35px;
  }

  .printSec h2 span {
    background-size: 160px 55px;
    width: 160px;
    height: 55px;
  }

  .printSecWrap {
    flex-direction: column;
  }

  .printLeft,
  .printRight {
    width: 100%;
  }

  .printLeft {
    position: static;
    text-align: center;
  }

  .printLeft img {
    position: static;
    margin: 20px auto;
  }

  .printLists {
    flex-direction: column;
  }

  .printList1,
  .printList2 {
    width: 100%;
    padding: 0 60px;
  }

  .printList1 ul li {
    background-size: 18px 18px;
    font-size: 19px;
    padding: 8px 0 8px 30px;
  }

  .printList2 {
    margin-top: 35px;
  }

  .printList2 ul li {
    background-size: 20px 20px;
    font-size: 18px;
  }

  .printBtnPlace {
    margin-top: 35px;
  }

  .printBtnPlace .btnHow {
    padding: 15px 45px;
  }
}

@media only screen and (max-width: 767px) {
  .printSec h2 {
    font-size: 42px;
    margin: 0 auto 35px;
  }

  .printSec h2 span {
    background-size: 130px 55px;
    width: 130px;
    height: 55px;
    padding: 0 15px;
  }

  .printSecWrap {
    flex-direction: column;
  }

  .printLeft,
  .printRight {
    width: 100%;
  }

  .printLeft {
    position: static;
    text-align: center;
  }

  .printLeft img {
    position: static;
    margin: 20px auto;
    width: 100%;
  }

  .printLists {
    flex-direction: column;
  }

  .printList1,
  .printList2 {
    width: 100%;
    padding: 0;
  }

  .printList1 ul li {
    background-size: 20px 20px;
    font-size: 18px;
  }

  .printList2 {
    margin-top: 35px;
  }

  .printList2 ul li {
    background-size: 20px 20px;
    font-size: 18px;
  }

  .printBtnPlace {
    margin-top: 35px;
  }

  .printBtnPlace .btnHow {
    padding: 15px 45px;
  }
}

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

@media only screen and (max-width: 479px) {
  .printSec h2 {
    font-size: 40px;
  }

  .printSec h2 span {
    background-size: 120px 50px;
    width: 120px;
    height: 50px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
  }

  .printList1,
  .printList2 {
    padding: 0 20px;
  }

  .printList1 ul {
    columns: 1;
  }

  .printBtnPlace .btnHow {
    font-size: 18px;
    margin-bottom: 25px;
  }
}

/*========================================================
    packCh - Package Choose section - Restaurants page
=========================================================*/
/*** new design ***/
.packChNew {
  background: #f9f9f9;
  padding-top: 100px;
}

.packMainTitle h3 {
  color: #000;
  text-align: center;
  font-family: barlowbold, arial, sans-serif;
  font-size: 80px;
  margin: 0 auto 100px;
  line-height: 1.1;
  max-width: 62%;
}

.packMainTitle h3 span {
  background: url(../images/restaurants/onlorder-bg.png) left center no-repeat;
  background-size: 100% 100px;
  color: #fff;
  width: 100%;
  height: 100px;
  padding-left: 15px;
  padding-bottom: 10px;
  padding: 0 30px 10px 40px;
}

.packChWrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 100px;
  width: 100%;
}

.packSingleNew {
  width: 25%;
  background: #fff;
  border-radius: 50px;
}

.quote-form .input-row {
  margin-top: 10px;
}

.quote-form label,
.checkbox-wrap {
  font-family: barlowmedium, arial, sans-serif;
}
.quote-form input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  color: #6b6b6b;
}

.quote-form input[type="submit"] {
  margin-top: 10px;
  padding: 10px;
  width: 150px;
  margin: 0 auto;
  display: block;
  margin-bottom: 15px;
  margin-top: 10px;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.75);
}
.quote-form input[type="submit"]:hover {
  cursor: pointer;
}

.quote-form .checkbox-wrap {
  display: flex;
  align-items: center;
}

.quote-form input[type="checkbox"] {
  width: 20px;
  height: 20px;
}

.quote-content {
  display: none;
}

.quote-btn {
  position: absolute;
  top: 0;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  color: var(--bluebann);
  font-size: 21px;
  padding-top: 3px;
}

.packSingleHead {
  width: 100%;
  margin: 0 auto;
  background: #feeb04;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  display: flex;
  align-items: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 9999;
}

.packSingleLeft,
.packSingleRight {
  width: 50%;
  padding: 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.packSingleLeft {
  padding-right: 0;
}

.packSingleRight {
  padding-left: 0;
}

.packSingleLeft h3,
.packSingleRight h3 {
  color: #000;
  text-align: center;
  line-height: 1;
}

.packSingleLeft h3 {
  font-family: barlowregular, arial, sans-serif;
  text-transform: uppercase;
  font-size: 21px;
}

.packSingleRight h3 {
  font-family: barlowregular, arial, sans-serif;
  font-size: 21px;
  text-transform: uppercase;
}

.packSingleLeft h3 span,
.packSingleRight h3 span {
  font-size: 72px;
  color: #df133a;
  display: block;
  padding-bottom: 5px;
  font-family: barlowbold, arial, sans-serif;
}

.packSingleRowWrap {
  width: 90%;
  margin: 25px auto;
  z-index: 99;
}

.packSingleRow {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #f9f9f9;
}

.packSingleItem {
  width: calc(100% - 100px);
}

.packSingleToggleWrap {
  width: 100px;
}

.packSingleItem p {
  font-size: 22px;
  font-family: barlowmedium, arial, sans-serif;
  text-transform: capitalize;
  padding-left: 35px;
  position: relative;
  padding-bottom: 5px;
}

.packpadd {
  padding: 10px 0;
  border-radius: 25px;
}

.packpaddtop {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  padding: 10px 0 10px;
}

.packpaddmid {
  padding: 10px 0;
}

.packpadbot {
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  padding: 10px 0 10px;
}

.margLast {
  padding-bottom: 50px;
}

#qicon {
  cursor: pointer;
  display: inline-block;
  font-family: barlowmedium, arial, sans-serif;
  font-size: 16px;
  padding: 10px 0 0 60px;
  color: #b1b1b1;
  position: relative;
}

#qicon::before {
  width: 16px;
  height: 16px;
  content: " ";
  background-image: url("../images/restaurants/question-mark-grey.png");
  background-position: left center;
  background-size: 16px 16px;
  position: absolute;
  left: 35px;
  top: 12px;
}

/*** popup ***/
.button {
  font-family: barlowregular, arial, sans-serif;
  font-size: 16px;
  padding: 10px 0 0 60px;
  color: #b1b1b1;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease-out;
}

.button::before {
  width: 16px;
  height: 16px;
  content: " ";
  background-image: url("../images/restaurants/question-mark-grey.png");
  background-position: left center;
  background-size: 16px 16px;
  position: absolute;
  left: 35px;
  top: 12px;
}

.button:hover {
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 99999;
}

.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}
#popupQuote {
  overflow: auto;
}
#popupQuote.popupQuote-stuck .packSingleHead {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.popupQuote {
  width: 100% !important;
  background: none;
}
.popupQuote .packSingleNew {
  position: relative;
}
.popupQuote.popup .close {
  background: #fff;
  border-radius: 50%;
  padding: 5px 14px;
  right: -25px;
  top: -35px;
}
.popupQuote .packChWrap {
  width: 100% !important;
}

.help-popup-opened {
  visibility: visible;
  opacity: 1;
}

.text-center {
  text-align: center !important;
}
.mb-20 {
  margin-bottom: 20px;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: barlowmedium, arial, sans-serif;
  font-size: 28px;
}

.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}

.popup .close:hover {
  color: #06d85f;
}

.popup .content {
  max-height: 30%;
  overflow: auto;
  font-family: barlowregular, arial, sans-serif;
  font-size: 18px;
  padding-top: 20px;
}

/*** modal section ***/
.bgmodal {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}

.modalContent {
  width: 300px;
  height: 300px;
  background: #fff;
  opacity: 1;
  border-radius: 8px;
  text-align: center;
  padding: 20px;
  position: relative;
}

.modalContent img {
  width: 40px;
}

.modalContent p {
  font-size: 24px;
  font-family: barlowmedium, arial, sans-serif;
  color: #000;
}

.closeModal {
  position: absolute;
  top: 0;
  right: 20px;
  font-size: 42px;
  transform: rotate(45deg);
  cursor: pointer;
}

/*** toggle ***/
.toggle-button:checked {
  background-color: #20c3f3;
}

.toggle-button {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 40px;
  margin: 0;
  vertical-align: top;
  background: #ffffff;
  border: 1px solid #bbc1e1;
  border-radius: 30px;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: 0.3s;
  transition: all 0.3s cubic-bezier(0.2, 0.85, 0.32, 1.2);
}

.toggle-button:checked::after {
  transform: translateX(calc(100% + 3px));
  background-color: #fff;
}

.toggle-button::after {
  content: "";
  transition: 0.3s;
  transition: all 0.3s cubic-bezier(0.2, 0.85, 0.32, 1.2);
  display: inline-block;
  position: absolute;
  left: 3px;
  top: 1.5px;
  width: 35px;
  height: 35px;
  background-color: var(--bluebann);
  border-radius: 50%;
  transform: translateX(0);
}

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

  .packMainTitle h3 {
    max-width: 88%;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .packMainTitle {
    padding-top: 75px;
  }

  .packChWrap {
    padding-bottom: 100px;
  }

  .packChNew {
    padding-top: 0;
  }

  .packSingleNew {
    width: 700px;
  }

  .packMainTitle h3 {
    font-size: 48px;
    max-width: 80%;
  }

  .packMainTitle h3 span {
    background-size: 100% 70px;
    height: 70px;
  }

  .packSingleLeft h3 {
    font-size: 21px;
  }

  .packSingleRight h3 {
    font-size: 21px;
  }

  .popup h2 {
    font-size: 24px;
  }

  .popup .content {
    font-size: 16px;
  }
  .button {
    padding-left: 30px;
  }
}

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

  .packSingleNew {
    width: 700px;
  }

  .packMainTitle {
    padding-top: 55px;
  }

  .packChWrap {
    width: 68%;
    padding-bottom: 60px;
    margin: 0 auto;
  }

  .packMainTitle h3 {
    font-size: 42px;
    margin-bottom: 70px;
    max-width: 90%;
  }

  .packMainTitle h3 span {
    background-size: 100% 70px;
    height: 70px;
  }

  .packSingleLeft h3 {
    font-size: 20px;
  }

  .packSingleRight h3 {
    font-size: 20px;
  }

  .margLast {
    padding-bottom: 35px;
  }

  .popup h2 {
    font-size: 24px;
  }

  .popup .content {
    font-size: 16px;
  }
  .button {
    padding-left: 30px;
  }
  .button::before {
    left: 10px;
  }
}

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

  .packMainTitle h3 {
    font-size: 44px;
    margin-bottom: 60px;
    max-width: 90%;
  }

  .packMainTitle h3 span {
    background-size: 100% 70px;
    height: 70px;
  }

  .packChNew {
    padding-top: 35px;
  }

  .packSingleNew {
    width: 680px;
  }

  .packSingleLeft h3 {
    font-size: 21px;
  }

  .packSingleRight h3 {
    font-size: 21px;
  }

  .packChWrap {
    padding-bottom: 50px;
  }

  .margLast {
    padding-bottom: 20px;
  }

  .popup {
    width: 360px;
  }

  .popup h2 {
    font-size: 24px;
  }

  .popup .content {
    font-size: 16px;
  }
  .button::before {
    top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .packMainTitle {
    padding-top: 35px;
  }

  .packMainTitle h3 {
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 35px;
  }

  .packMainTitle h3 span {
    background-size: 100% 70px;
    height: 70px;
  }

  .packChNew {
    padding-top: 20px;
  }

  .packSingleNew {
    width: 460px;
  }

  .packSingleLeft h3 {
    font-size: 21px;
  }

  .packSingleRight h3 {
    font-size: 21px;
  }

  .packSingleLeft h3 span,
  .packSingleRight h3 span {
    font-size: 54px;
  }

  .packSingleRowWrap {
    width: 95%;
  }

  .toggle-button {
    width: 53px;
    height: 25px;
  }

  .toggle-button::after {
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
  }

  .packSingleItem p {
    padding-left: 20px;
  }

  .packSingleItem p span {
    display: block;
  }

  .packSingleToggleWrap {
    text-align: right;
    padding-right: 20px;
  }

  #qicon::before {
    left: 25px;
  }

  #qicon {
    padding-left: 50px;
  }

  .packChWrap {
    padding-bottom: 50px;
  }

  .margLast {
    padding-bottom: 10px;
  }

  .packSingleRow {
    border-bottom: 1px solid #e2e2e2;
  }

  .popup {
    width: 360px;
  }

  .popup h2 {
    font-size: 24px;
    padding-right: 25px;
  }

  .popup .content {
    font-size: 16px;
  }

  .button {
    padding-left: 40px;
  }

  .button::before {
    left: 20px;
    top: 0;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .packMainTitle h3 {
    font-size: 36px;
  }
}

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

  .packSingleLeft h3 {
    font-size: 18px;
  }

  .packSingleRight h3 {
    font-size: 18px;
  }

  .packSingleLeft h3 span,
  .packSingleRight h3 span {
    font-size: 48px;
  }

  .packSingleLeft {
    padding-right: 0;
    width: 60%;
  }

  .packSingleRight {
    padding-left: 0;
    width: 40%;
  }

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

  .popup {
    width: 90%;
  }
}

/*========================================================
    prntSec - Print section - Restaurants page
=========================================================*/
.printRestImgMob {
  display: none;
}

.prntSec {
  background: var(--blue-main);
  padding: 80px 0 200px;
  position: relative;
}

.prntSec h2 {
  background: url(../images/restaurants/print-bg.png) center top no-repeat;
  background-size: 660px 180px;
  width: 660px;
  height: 180px;
  color: #000;
  text-align: center;
  font-family: barlowbold, arial, sans-serif;
  font-size: 80px;
  margin: 0 auto 100px;
  text-transform: capitalize;
  line-height: 0.9;
  padding-top: 40px;
}

.prntSec h2 span {
  display: block;
  text-transform: uppercase;
  font-size: 30px;
}

.printTopImg {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
}

.printBotImg {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 0;
}

.prntSecWrap {
  display: flex;
  justify-content: center;
}

.prntCircle {
  width: 460px;
  height: 460px;
  background: var(--white);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.prntCircle ul {
  max-width: 345px;
}

.prntCircle ul li {
  background: url("../images/restaurants/red-ball.png") no-repeat;
  background-position: left top 10px;
  background-size: 25px 25px;
  font-size: 24px;
  font-family: barlowmedium, arial, sans-serif;
  text-transform: capitalize;
  padding: 9px 0 9px 40px;
}

.printManImg {
  position: absolute;
  left: 4%;
  bottom: 0;
  width: 40%;
}

.printRestImg {
  position: absolute;
  right: 0;
  bottom: 46px;
  width: 37%;
}

.packArrRight {
  color: var(--red-color);
  font-size: 36px;
  padding-left: 10px;
}

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

  .prntSec h2 {
    margin: 0 auto 70px;
  }

  .printManImg {
    left: 2%;
    width: 42%;
  }

  .printRestImg {
    width: 40%;
  }
}

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

  .prntSec h2 {
    font-size: 48px;
    background-size: 460px 110px;
    width: 460px;
    height: 110px;
    padding-top: 25px;
    margin-bottom: 50px;
  }

  .prntSec h2 span {
    font-size: 21px;
  }

  .prntCircle {
    width: 380px;
    height: 380px;
  }

  .prntSecWrap {
    margin-bottom: 50px;
  }

  .prntCircle ul li {
    background-size: 16px 16px;
    font-size: 18px;
    padding: 8px 0 8px 25px;
  }

  .printRestImg {
    width: 38%;
    bottom: 80px;
  }

  .printManImg {
    bottom: 64px;
  }

  .packArrRight {
    font-size: 24px;
  }
}

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

  .prntSec h2 {
    background-size: 370px 85px;
    width: 370px;
    height: 85px;
    font-size: 42px;
    padding-top: 15px;
    margin-bottom: 30px;
  }

  .prntSec h2 span {
    font-size: 18px;
  }

  .prntCircle ul li {
    background-size: 16px 16px;
    font-size: 16px;
    padding: 8px 0 8px 28px;
  }

  .prntCircle {
    width: 330px;
    height: 330px;
  }

  .printManImg {
    left: 2%;
    bottom: 46px;
  }

  .packArrRight {
    font-size: 24px;
  }

  .prntSecMobWrap {
    margin-bottom: 35px;
  }
}

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

  .prntSec h2 {
    background-size: 370px 95px;
    width: 370px;
    height: 95px;
    font-size: 44px;
    padding-top: 20px;
    margin-bottom: 50px;
  }

  .prntSec h2 span {
    font-size: 18px;
  }

  .prntCircle {
    width: 330px;
    height: 330px;
  }

  .prntCircle ul li {
    background-size: 16px 16px;
    font-size: 16px;
    padding: 8px 0 8px 28px;
  }

  .printManImg {
    display: none;
  }

  .printRestImg {
    bottom: 250px;
  }

  .printRestImg {
    display: none;
  }

  .prntSecWrap {
    padding-left: 50px;
  }

  .printRestImgMob {
    display: block;
    position: absolute;
    right: 50px;
    top: 0;
    width: 420px;
  }

  .prntSecMobWrap {
    display: flex;
    width: 730px;
    margin: 0 auto;
    position: relative;
  }

  .prntMobBtnPlace {
    margin: 230px auto 0;
  }

  .packArrRight {
    font-size: 24px;
  }
}

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

  .prntCircle {
    width: 330px;
    height: 330px;
  }

  .prntSec h2 {
    background-size: 100% 55px;
    width: 170px;
    height: 55px;
    font-size: 32px;
    margin: 0 auto 65px;
    padding: 5px 0 0 0;
  }

  .prntCircle ul li {
    background-size: 16px 16px;
    font-size: 18px;
    padding: 8px 0 8px 28px;
  }

  .prntSecWrap {
    position: relative;
    height: 480px;
  }

  .prntCircle {
    position: absolute;
    left: -60px;
    top: -40px;
  }

  .printRestImg {
    bottom: 240px;
    width: 380px;
  }

  .printManImg {
    display: none;
  }

  .onlOrdBtnPlace {
    margin-top: 100px;
  }

  .onlOrdBtnPlace .btnHow {
    margin: 0 auto;
  }

  .printRestImg {
    display: none;
  }

  .printRestImgMob {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 350px;
  }

  .prntSecMobWrap {
    display: flex;
    width: 432px;
    margin: 0 auto;
    position: relative;
  }

  .prntMobBtnPlace {
    margin: 0 auto 0;
  }

  .packArrRight {
    font-size: 24px;
  }

  .prntSec h2 {
    background-size: 420px 95px;
    width: 420px;
    height: 95px;
    font-size: 44px;
    margin: 0 auto 65px;
    padding-top: 20px;
  }

  .prntSec h2 span {
    font-size: 16px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .prntSecWrap {
    height: 470px;
  }
}

@media only screen and (max-width: 479px) {
  .prntSecMobWrap {
    width: 304px;
  }

  .prntCircle {
    top: -20px;
  }

  .printRestImgMob {
    width: 300px;
    right: 0;
    top: 160px;
  }

  .prntSecWrap {
    height: 510px;
  }

  .prntMobBtnPlace {
    margin-top: 50px;
  }

  .prntSec {
    padding-top: 50px;
  }

  .prntSec h2 {
    font-size: 38px;
    background-size: 300px 95px;
    width: 300px;
    height: 95px;
  }
}

@media only screen and (max-width: 479px) {
  .category-wrap {
    justify-content: center;
  }

  #rest-package {
    margin-bottom: 10px;
  }
}

/*========================================================
    portfoSec - Portfolio section - Restaurants page
=========================================================*/
.portfoSecWrapMob {
  display: none !important;
}

.portfoSec {
  padding: 160px 0 200px;
}

.portfoSec h3 {
  background: url(../images/restaurants/portfolio-title-bg.png) left top
    no-repeat;
  background-size: 800px 230px;
  width: 800px;
  height: 230px;
  display: block;
  color: #fff;
  text-align: center;
  font-family: barlowbold, arial, sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  margin: 0 auto 100px;
  padding-top: 55px;
  line-height: 0.9;
}

.portfoSec h3 span {
  display: block;
  font-size: 80px;
  text-transform: capitalize;
}

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

.portfoSingle {
  width: 33%;
  margin-bottom: 50px;
}

.portfoSingle img {
  width: 100%;
  height: auto;
}

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

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

  .portfoSec h3 {
    font-size: 18px;
    background-size: 450px 130px;
    width: 450px;
    height: 130px;
    padding-top: 30px;
    margin-bottom: 50px;
  }

  .portfoSec h3 span {
    font-size: 48px;
  }
}

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

  .portfoSec h3 {
    background-size: 400px 105px;
    width: 400px;
    height: 105px;
    font-size: 18px;
    padding-top: 23px;
    margin-bottom: 35px;
  }

  .portfoSec h3 span {
    font-size: 42px;
  }
}

@media only screen and (min-width: 1024px) {
  .portfoSingle:nth-child(4),
  .portfoSingle:nth-child(5),
  .portfoSingle:nth-child(6) {
    margin-bottom: 0;
  }
}

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

  .portfoSec h3 {
    background-size: 420px 95px;
    width: 420px;
    height: 95px;
    font-size: 18px;
    margin-bottom: 40px;
    padding-top: 20px;
  }

  .portfoSec h3 span {
    font-size: 44px;
  }

  .portfoSecWrap {
    display: none;
  }

  .portfoSecWrapMob {
    display: block !important;
  }

  .portfoSingle {
    width: 90%;
    margin: 0 auto 20px;
  }
}

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

  .portfoSec h3 {
    background-size: 420px 110px;
    width: 420px;
    height: 110px;
    font-size: 16px;
    margin: 0 auto 40px;
    padding-top: 25px;
  }

  .portfoSec h3 span {
    display: block;
    font-size: 44px;
  }

  .portfoSecWrap {
    display: none;
  }

  .portfoSecWrapMob {
    display: block !important;
  }

  .portfoSingle {
    width: 100%;
    margin: 0 auto 20px;
  }
}

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

@media only screen and (max-width: 479px) {
  .portfoSec h3 {
    background-size: 325px 110px;
    width: 325px;
    height: 110px;
    font-size: 14px;
    padding-top: 30px;
  }

  .portfoSec h3 span {
    font-size: 36px;
  }

  .portfoSec {
    padding: 35px 0;
  }
}

/*========================================================
    14 days divider - Lowest price page
=========================================================*/
.fourtDivi {
  background: var(--bluebann);
  text-align: center;
  padding: 10px 0;
}
.fourtDiviSize {
  width: 90%;
  margin: 0 auto;
}
.fourtDiviWrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fourtDiviText p {
  color: var(--white);
  text-transform: capitalize;
  margin-left: 40px;
  font-family: graphiksemi, arial, sans-serif;
  font-size: 80px;
}
.fourtDiviText p span {
  display: block;
  color: var(--yellow-main);
  font-family: graphikbold, arial, sans-serif;
  text-transform: uppercase;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .fourtDiviWrap img {
    max-width: 260px;
  }
  .fourtDiviText p {
    font-size: 66px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .fourtDiviWrap img {
    max-width: 240px;
  }
  .fourtDiviText p {
    font-size: 56px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .fourtDiviWrap img {
    max-width: 200px;
  }
  .fourtDiviText p {
    font-size: 46px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .fourtDiviWrap img {
    max-width: 160px;
  }
  .fourtDiviText p {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .fourtDiviWrap {
    flex-direction: column;
  }
  .fourtDiviWrap img {
    max-width: 200px;
  }
  .fourtDiviText p {
    font-size: 30px;
    margin: 10px 0 0 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
@media only screen and (max-width: 479px) {
}

/*========================================================
    Our Design Solutions - Lowest price page
=========================================================*/
.ourDesWrapMob {
  display: none !important;
}
.ourDes {
  padding: 100px 0;
  text-align: center;
}
.ourDes h2 {
  font-family: graphikbold, arial, sans-serif;
  font-size: 60px;
}
.ourDes p {
  font-family: graphikr, arial, sans-serif;
  font-size: 32px;
  margin: 15px 0 0;
}
.OurRest p {
  line-height: 1.4;
  max-width: 84%;
  margin: 30px auto 0;
}
.ourDesWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 60px 0 0;
}
.ourDesBox {
  width: 100%;
}
.ourDesWrap img {
  width: 100%;
}
.ourDesBtnPlace {
  margin: 60px 0 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .ourDes h2 {
    font-size: 42px;
  }
  .ourDes p {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .ourDes h2 {
    font-size: 36px;
  }
  .ourDes p {
    font-size: 19.5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ourDesWrap {
    width: 50%;
    margin: 0 auto;
  }
  .ourDesBox {
    width: 100%;
    margin: 50px 0 0;
  }
  .ourDes h2 {
    font-size: 32px;
  }
  .ourDes p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .ourDes {
    padding: 50px 0;
  }
  .ourDesWrap {
    margin: 0 0 0;
  }
  .ourDesBox {
    width: 100%;
    margin: 20px 0 0;
  }
  .ourDes h2 {
    font-size: 29px;
  }
  .ourDes p {
    font-size: 16px;
  }
  .ourDesBtnPlace {
    margin: 30px 0 0;
  }
  .ourDesBtnPlace .ecomBtn {
    max-width: 90%;
    font-size: 22px;
  }
  .ourDesWrap {
    display: none;
  }
  .ourDesWrapMob {
    display: inline-block !important;
  }
  .OurRest p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
@media only screen and (max-width: 479px) {
}

/*========================================================
    LOWEST PRICE WEBSITE page
=========================================================*/
.promoLowbanndesk {
  padding-top: 300px;
}
.promoLowPriWrap {
  padding-bottom: 70px;
}
.promoLowBox {
  width: 32%;
  display: flex;
  flex-direction: column;
}
.promoLowsetupp {
  padding: 55px 0 0;
  font-size: 80px;
  font-family: graphiksemi, arial, sans-serif;
  line-height: 1;
  width: 320px;
  margin: 0 auto;
}
.promoLowsetupp span {
  font-size: 36px;
  text-transform: capitalize;
  padding-bottom: 5px;
}
.promosp3 {
  text-transform: none;
}
.promoLowsetp {
  font-size: 28px;
  font-family: graphiksemi, arial, sans-serif;
  color: var(--bluebann);
  padding-bottom: 30px;
  width: 380px;
  margin: 0 auto;
}
.sPromoLow {
  background: url("../images/lowerpricewebsite/lowest-price-banner.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1000px;
}
.restoBan {
  background: url("../images/restaurants/restaurant-top-banner.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1000px;
  border-bottom: 25px solid var(--bluebann);
}
ul.designpack {
  width: 70%;
}
.bannPromoLowWrap {
  height: 780px;
}
.bannLowBtnWrap {
  text-align: left;
  margin-top: 90px;
}
.bannh1sp22 {
  padding: 15px 0 15px;
  display: block;
}
.promoResta {
  background: none;
  border: none;
}
.innerTwo {
  background: #fafaf9;
  border: 1px solid #dcdcd5;
  border-radius: 20px;
}
.innerTwo {
  margin: 20px 0 0;
  /* padding: 0 0 40px; */
}
.promoResta h3 {
  font-family: graphikbold, arial, sans-serif;
  font-size: 42px;
  background: none;
  color: var(--main-text);
  text-transform: capitalize;
  line-height: 105px;
}
.promoResta h3 span {
  font-size: 42px;
  font-family: amster, arial, sans-serif;
  color: var(--bluebann);
  font-weight: 500;
  padding-right: 3px;
  text-transform: none;
}
.promolowBtn {
  background: var(--divider-yellow);
}

.promoLowTit h3 {
  text-align: center;
  font-size: 68px;
  text-transform: capitalize;
  font-family: graphiksemi, arial, sans-serif;
  line-height: 1;
  margin: 110px auto 40px;
  color: var(--bluebann);
}
.promoLowTit h3 span {
  display: block;
}
.promoLowTit h3 br{
  display: none;
}
.promoLowTit p {
  font-family: "Varela", arial, sans-serif;
  font-size: 24px;
  max-width: 65%;
  margin: 0 auto;
  text-align: center;
}
.promoLowplan {
  background: none;
}
.promoLowPlanbg {
  background: var(--bluebann);
}
h3 span.promoLowplan {
  color: var(--yellow-main);
}
.designpackList {
  background: #fafaf9;
  border: 1px solid #dcdcd5;
  border-radius: 20px;
  padding: 30px 0 40px;
  margin: 35px auto 20px;
  min-height: 1492px;
}
.lowestBtn {
  margin-bottom: 40px;
  line-height: 1.1;
}
.lowestBtn span {
  display: block;
  font-size: 14px;
}
.mngdInner {
	border: 1px solid var(--lightblue);
	background: none;
	position: relative;
}
.innerOne,
    .innerTwo {
    background: #fafaf9;
    border: 1px solid #dcdcd5;
    border-radius: 20px;
}
.promoResta .innerOne {
    padding: 30px 0;
}
    .promoResta .innerOne {
        min-height: 670px;
    }
.managedPriBox ul.promoLowList {
    width: 100%;
    padding: 0 20px 35px;
}
.managedPriBox ul.promoLowList li {
    background: url(../images/newcheck.svg) no-repeat;
    background-position: left top 8px;
    background-size: 30px 30px;
    font-size: 24px;
    font-family: "Varela", arial, sans-serif;
    padding: 8px 0 8px 40px;
    color: var(--gray);
    text-transform: none;
    text-align: left;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .sPromoLow {
    height: 820px;
  }
  .promoLowTit h3 {
    font-size: 60px;
  }
  .promoLowTit p {
    max-width: 70%;
  }
  .promoLowbanndesk {
    padding-top: 120px;
  }
  .everyplanList ul {
    width: 48%;
  }
  ul.designpack {
    width: 75%;
    margin-top: 35px;
  }
  .designpackOne h3 {
    font-size: 36px;
  }
  .designpackList {
    min-height: 1315px;
  }
  .promoLowsetp {
    font-size: 24px;
  }
  .promoResta h3 {
    font-size: 38px;
  }
  .restoBan {
    height: 780px;
  }
  .bannh1sp22 {
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 2260px) and (max-width: 2559px) {
  .sPromoLow,
  .bannPromoLowWrap {
    height: 960px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .promoLowsetupp {
    font-size: 54px;
    padding-top: 35px;
  }
  .promoLowsetupp span {
    font-size: 26px;
  }
  .promoLowsetp {
    font-size: 21px;
    max-width: 80%;
    padding-bottom: 35px;
  }
  .sPromoLow,
  .bannPromoLowWrap {
    height: 670px;
  }
  .promoLowbanndesk {
    padding-top: 100px;
  }
  .promoLowTit h3 {
    font-size: 42px;
    margin: 55px auto 0;
  }
  .promoLowTit p {
    font-size: 18px;
    max-width: 70%;
    margin: 30px auto 0;
  }
  .promoLowPriWrap {
    padding: 55px 0 70px;
  }
  .everyplanList ul {
    width: 48%;
  }
  .designpackOne h3,
  .designpackOne h3 span {
    font-size: 28px;
  }
  ul.designpack {
    width: 85%;
  }
  .designpackList {
    min-height: 1111px;
  }
  .promoResta h3 {
    line-height: 80px;
    padding: 0 0 30px;
    font-size: 36px;
  }
  .promoResta h3 span {
    font-size: 36px;
  }
  .restoBan {
    height: 670px;
  }
  .lowestBtn span {
    font-size: 12px;
  }
  .promoResta .innerOne {
    min-height: 630px;
    }
    ul.promoLowList li {
    font-size: 21px;
    }
}
@media only screen and (min-width: 1800px) and (max-width: 1919px) {
  .sPromoLow,
  .bannPromoLowWrap {
    height: 800px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .promoLowsetupp {
    font-size: 46px;
    padding-top: 35px;
  }
  .promoLowsetupp span {
    font-size: 21px;
  }
  .promoLowsetp {
    font-size: 18px;
    max-width: 80%;
    padding-bottom: 35px;
  }
  .sPromoLow,
  .bannPromoLowWrap {
    height: 500px;
  }
  .promoLowbanndesk {
    padding-top: 70px;
  }
  .bannLowBtnWrap {
    margin-top: 50px;
  }
  .mngdInner{
    padding-top: 20px;
  }
  .promoLowTit h3 {
    font-size: 36px;
    margin: 55px auto 0;
  }
  .promoLowTit p {
    font-size: 18px;
    max-width: 70%;
    margin: 30px auto 0;
  }
  .promoLowPriWrap {
    padding: 55px 0 25px;
  }
  .promoResta h3 {
    font-size: 28px;
    line-height: 1.3;
  }
  .designpackOne h3 {
    font-size: 22px;
    line-height: 80px;
  }
  .designpackOne h3 span {
    font-size: 24px;
  }
  .designpackOne p {
    font-size: 16px;
  }
  ul.designpack {
    width: 90%;
  }
  .designpackList {
    min-height: 1239px;
  }
  .promoResta h3 {
    line-height: 80px;
    padding: 0 0 10px;
    font-size: 32px;
  }
  .promoResta h3 span {
    font-size: 32px;
  }
  .restoBan {
    height: 500px;
  }
  .bannh1sp22 {
    padding-bottom: 5px;
  }
  .lowestBtn span {
    font-size: 12px;
  }
    .hostContainer {
        width: 90%;
    }
    /* Ewa: I changed  on 11/09/24 @ 3:37am EST */
    .mnghostOne,
    .mnghostTwo {
        min-height: 500px;
    }
     .managedPriBox ul.promoLowList li {
    font-size: 21px;
    }

}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .promoLowsetupp {
    font-size: 36px;
    padding-top: 35px;
    max-width: 90%;
  }
  .promoLowsetupp span {
    font-size: 21px;
  }
  .promoLowsetp {
    font-size: 18px;
    max-width: 80%;
    padding-bottom: 35px;
  }
  .promoLowBox .feltBronze,
  .promoLowBox .feltSilver,
  .promoLowBox .feltGold {
    width: 200px;
  }
  .sPromoLow,
  .bannPromoLowWrap {
    height: 440px;
  }
  .promoLowbanndesk {
    padding-top: 70px;
  }
  .bannLowBtnWrap {
    margin-top: 50px;
  }
  .promoLowbanndesk h1,
  .promoLowbanndesk .bannh1sp1 {
    font-size: 36px;
  }
  .mngdInner{
    padding-top: 15px;
  }
  .promoLowTit h3 {
    font-size: 26px;
    margin: 55px auto 0;
  }
  .promoLowTit p {
    font-size: 18px;
    max-width: 80%;
    margin: 30px auto 0;
  }
  .promoLowPriWrap {
    padding: 55px 0 25px;
  }
  .promoResta h3,
  .promoResta h3 span {
    font-size: 28px;
    line-height: 1;
  }
  .designpackOne h3 {
    font-size: 22px;
  }
  .designpackOne h3 span {
    font-size: 24px;
  }
  .designpackOne p {
    font-size: 16px;
    padding-top: 35px;
    width: 90%;
  }
  ul.designpack {
    width: 90%;
  }
  .promoResta {
    margin-bottom: 0;
  }
  .designpackList {
    min-height: 1118px;
    margin: 0 auto 15px;
  }
  .restoBan {
    height: 440px;
  }
  .lowestBtn span {
    font-size: 12px;
  }
    .promoResta .innerOne {
        min-height: 680px;
        padding: 20px 0 0;
    }
    .managedPriBox ul.promoLowList {
        margin-top: 25px;
    }
    .managedPriBox ul.promoLowList li {
        font-size: 21px;
        background-size: 25px 25px;
        padding-left: 35px;
    }
}
@media only screen and (max-width: 767px) {
  .promoLowBox {
    width: 100%;
  }
  .promoLowbanMob h2,
  .promolowh1sp1 {
    font-size: 42px;
      text-transform: capitalize;
  }
  .promoLowTit{
    max-width: 98%;
    margin: 0 auto;
  }
  .mngdInner{
    padding-top: 20px;
  }
  .mngdPriBoxMob{
    padding-top: 20px;
  }
  .promoLowTit h3 {
    margin: 0 auto 35px;
    font-size: 36px;
  }
  .promoLowTit h3 br{
    display: block;
  }
  .sPromoLow .bannh1sp1 {
  	font-size: 30px;
  }
  .promoLowTit p {
    font-size: 19px;
    max-width: 90%;
    margin: 10px auto 40px;
  }
  .promoResta h3 {
    line-height: 1;
    font-size: 30px;
  }
  .promoLowsetupp {
    padding-top: 20px;
    font-size: 56px;
  }
  .promoLowsetupp span {
    font-size: 24px;
  }
  .promoLowsetp {
    font-size: 18px;
  }
  .designpackList {
    min-height: 1431px;
  }
  .bannLowBtnWrap {
    text-align: center;
    margin: 35px auto;
  }
  .restoBanMob {
    text-align: center;
  }
  .restospMob h2 {
    max-width: 408px;
    font-size: 55px;
  }
  .restoMobspmain {
    display: block;
  }
  .restoBanMob .bannh1sp1 {
    font-size: 55px;
  }
  .restospMob .bannh1sp23 {
    display: inline-block;
    padding: 5px 0;
    font-family: graphikbold, arial, sans-serif;
    font-size: 32px;
  }
  .restoBanMob .bannMobbg {
    padding-bottom: 10px;
  }
  .lowestBtn span {
    font-size: 12px;
  }
        .promoResta .innerOne {
        min-height: 617px;
    }
    .managedPriBox ul.promoLowList {
        margin-top: 25px;
    }
    .managedPriBox ul.promoLowList li {
        font-size: 21px;
    }
    .promoLowpribg {
        padding-bottom: 35px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .designpackList {
    min-height: 1202px;
  }
}
@media only screen and (max-width: 479px) {
  .restospMob .bannh1sp23 {
    font-size: 25px;
  }
  .promoLowbanMob h2,
  .promolowh1sp1 {
    font-size: 30px;
  }
  .promoLowTit h3 {
    font-size: 22px;
  }
  .promoLowsetupp {
    font-size: 54px;
  }
  .promoLowsetp {
    font-size: 18px;
    width: 300px;
  }
  .promoResta h3,
  .promoResta h3 span {
    font-size: 30px;
  }
  .bannLowBtnWrap {
    margin: 35px auto 0;
  }
  .restospMob {
    width: 90%;
  }
  .restospMob h2 {
    max-width: 300px;
    font-size: 42px;
  }
  .restoBanMob .bannh1sp1 {
    font-size: 36px;
  }
  .sPromoLow .bannh1sp1 {
    font-size: 30px!important;
  }
}


/*========================================================
    Exclusive Promotion page
=========================================================*/
.promBonus{
  border-radius: 30px;
  display: inline-block;
  background: var(--yellow-main);
  padding: 10px 25px;
    font-size: 30px;
    text-transform: uppercase;
    color: var(--bluebann);
    margin-right: 20px;
}
.promSpSmall{
  font-size: 18px!important;
}
.promoExcFree {
    display: flex;
    align-items: center;
}
.blueLine {
    width: 160px;
    border-bottom: 1px solid var(--lightblue);
    height: 3px;
}
.aftBonusWrap {
    margin: 20px 0 0;
    text-align: left;
}
.aftBonusWrap h5 {
    font-family: graphiksemi, arial, sans-serif;
    font-size: 24px;
    text-transform: capitalize;
    color: var(--main-text);
    display: inline-block;
    text-align: left;
}
.aftBonusWrap h5 span {
    color: var(--bluebann);
}
.aftBonusWrap p {
    font-family: graphikr, arial, sans-serif;
    text-align: left;
    padding-top: 0!important;
    padding-bottom: 15px;
    color: var(--main-text);
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .excPincl {
  	font-size: 26px;
      min-height: auto;
  }
    .promBonus {
        font-size: 26px;
        margin-right: 5px;
    }
    .excPincl small {
        font-size: 18px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .promBottom .accordion span {
  	font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .excPincl {
      min-height: auto;
  }
  .promBottom .accordion span {
  	font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .excPincl {
  	font-size: 22px;
      min-height: auto;
  }
  .promBottom .accordion span {
  	font-size: 18px;
  }
}
@media only screen and (max-width: 479px) {
    .promoExcFree {
        flex-direction: column;
    }
    .promoExcImg,
    .blueLine {
        display: none;
    }
    .promoExcImgMob {
        display: inline-block;
        width: 100%;
        background: var(--bluebann);
        padding: 10px 20px 5px;
        border-radius: 35px;
        margin: 15px auto;
    }
    .promoExcImgMob p {
        font-size: 21px;
        text-transform: capitalize;
        color: var(--white);
        text-align: center;
        font-family: graphiksemi, arial, sans-serif;
        padding-top: 0!important;
    }
    .promoExcImgMob p span {
        display: block;
        color: var(--yellow-main);
        text-transform: uppercase;
    }
    .excPincl small {
        display: block;
        padding-top: 5px;
    }
}
/*========================================================
    New Restaurant page - under Banner
=========================================================*/
.bannRestWrap {
  height: 1000px;
}
.restoBan .bannRest {
  padding-top: 300px;
}
.undResto {
  background: #f9fafc;
  padding: 80px 0 100px;
}
.undRestoWrap {
  width: 75%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.undRestoBtnPlace {
  margin: 45px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.lrnMore {
  border-radius: 50px;
  padding: 24px 35px;
  display: inline-block;
  cursor: pointer;
  font-size: 26px;
  font-family: barlowbold, arial, sans-serif;
  color: var(--main-text);
  text-transform: capitalize;
  border: 2px solid var(--bluebann);
  background: transparent;
}
.undRestoLeft {
  width: 30%;
}
.undRestoRight {
  width: 68%;
  display: flex;
  justify-content: space-between;
}
.undRestoRight ul {
  width: 47%;
}
.undRestoRight ul li {
  font-family: graphikr, arial, sans-serif;
  font-size: 30px;
  line-height: 1.3;
  padding-left: 30px;
  margin-bottom: 30px;
  background: url(../images/restaurants/disc.png) no-repeat;
  background-size: 16px 16px;
  background-position: left top 8px;
  text-transform: none;
}
.undRestoRight ul li span {
  font-family: graphikbold, arial, sans-serif;
  display: block;
  text-transform: capitalize;
}
.bannRest .bannh1sp22 {
  font-family: graphikbold, arial, sans-serif;
  font-size: 66px;
}
.rnBtnPlace {
  max-width: 545px;
}
.restBtnPlace {
  max-width: 470px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .undRestoWrap {
    width: 90%;
    max-width: 1728px;
  }
  .ourDesWrap {
    max-width: 1728px;
    margin: 60px auto 0;
  }
  .restoBan .bannRest {
    padding-top: 160px;
  }
  .undResto {
    padding: 100px 0;
  }
  .lrnMore {
    font-size: 21px;
    padding: 20px 35px;
  }
  .bannRest .bannh1sp22 {
    font-size: 60px;
  }
  .rnBtnPlace {
    max-width: 495px;
  }
  .restBtnPlace {
    max-width: 440px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .restoBan .bannRest {
    padding-top: 160px;
  }
  .undRestoWrap {
    width: 90%;
    max-width: 1728px;
  }
  .ourDesWrap {
    max-width: 1728px;
    margin: 60px auto 0;
  }
  .undRestoRight ul li {
    font-size: 21px;
  }
  .lrnMore {
    font-size: 17px;
    padding: 19px 20px;
  }
  .undRestoRight {
    padding-left: 60px;
  }
  .undResto {
    padding: 70px 0;
  }
  .bannRest .bannh1sp22 {
    font-size: 42px;
  }
  .undRestoBtnPlace {
    max-width: 350px;
  }
  .restBtnPlace {
    max-width: 300px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .restoBan .bannRest {
    padding-top: 110px;
  }
  .restoBan .bannRest {
    padding-top: 160px;
  }
  .undRestoWrap {
    width: 90%;
    max-width: 1728px;
  }
  .ourDesWrap {
    max-width: 1728px;
    margin: 60px auto 0;
  }
  .undRestoRight ul li {
    font-size: 18px;
  }
  .undRestoRight {
    padding-left: 20px;
  }
  .undResto {
    padding: 70px 0 50px;
  }
  .undRestoLeft .bannprice {
    font-size: 60px;
  }
  .undRestoLeft .bannprice span {
    font-size: 26px;
  }
  .undRestoLeft .bannsetup {
    font-size: 24px;
  }
  .undRestoBtnPlace {
    margin-top: 35px;
    max-width: 277px;
  }
  .lrnMore {
    font-size: 16px;
    padding: 5px 10px;
    text-align: center;
    margin-left: 10px;
  }
  .undRestoBtnPlace .ecomBtn {
    font-size: 16px;
    padding: 12px 25px;
    margin-top: 10px;
  }
  .OurRest {
    padding: 70px 0;
  }
  .bannRest .bannh1sp22 {
    font-size: 32px;
  }
  .restMore {
    padding: 15px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .restoBan .bannRest {
    padding-top: 140px;
  }
  .bannRest .bannh1sp22 {
    padding: 10px 0 5px;
    font-size: 26px;
  }
  .undRestoWrap {
    width: 90%;
    flex-direction: column-reverse;
  }
  .undRestoRight {
    width: 100%;
  }
  .undRestoLeft {
    width: 60%;
    margin: 0 auto;
    max-width: 415px;
  }
  .undRestoRight ul li {
    font-size: 19px;
  }
  .undRestoLeft .bannprice,
  .undRestoLeft .bannsetup {
    text-align: center;
  }
  .undRestoBtnPlace {
    margin: 35px auto 0;
    text-align: center;
  }
  .lrnMore {
    font-size: 18px;
    margin-left: 10px;
    padding: 17px 35px;
  }
  .undResto {
    padding: 60px 0;
  }
  .OurRest {
    padding: 70px 0;
  }
  .rnBtnPlace {
    max-width: 415px;
  }
  .restBtnPlace {
    max-width: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .bannRest .bannh1sp22 {
    padding: 5px 0;
  }
  .undRestoWrap {
    width: 90%;
    flex-direction: column-reverse;
  }
  .undRestoRight {
    width: 100%;
    flex-direction: column;
  }
  .undRestoRight ul {
    width: 100%;
  }
  .undRestoLeft {
    width: 90%;
    margin: 30px auto 0;
    max-width: 380px;
  }
  .undRestoRight ul li {
    font-size: 19px;
  }
  .undRestoLeft .bannprice,
  .undRestoLeft .bannsetup {
    text-align: center;
  }
  .undRestoBtnPlace {
    margin: 25px auto 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .lrnMore {
    font-size: 22px;
    width: 100%;
    margin-top: 15px;
    padding: 18px 10px;
  }
  .undResto {
    padding: 60px 0;
  }
  .OurRest {
    padding: 70px 0;
  }
  .undRestoLeft .bannprice {
    font-size: 56px;
  }
  .undRestoLeft .bannprice span {
    font-size: 24px;
  }
  .undRestoLeft .bannsetup {
    font-size: 18px;
  }
  .undRestoBtnPlace .ecomBtn {
    width: 120px;
  }
}
@media only screen and (max-width: 479px) {
  .undResto,
  .OurRest {
    padding: 35px 0;
  }
}
/*========================================================
    New Restaurant page - blueSec - blue Section
=========================================================*/
.blueSec {
  background: var(--bluebann);
  padding: 100px 0 160px;
}
.blueSecWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.blueSecLeft {
  width: 50%;
  padding-left: 320px;
  padding-top: 60px;
  color: var(--white);
}
.blueSecRight {
  width: 47%;
  padding-right: 100px;
}
.blueSecRight img {
  width: 100%;
}
.blueSecLeft h3 {
  font-size: 60px;
  line-height: 1.1;
  text-transform: capitalize;
  font-family: barlowbold, arial, sans-serif;
  padding-bottom: 50px;
}
.blueSecLeft h3 span {
  color: #fdcc1a;
  padding: 5px 0;
  border-radius: 25px;
  line-height: 0.8;
}
.blueSecLeft p {
  font-family: graphikr, arial, sans-serif;
  font-size: 32px;
  line-height: 1.3;
}
.blueSecBtnPlace {
  margin: 100px 0 0;
}
.onlineOrdMobile {
  display: none !important;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .blueSecWrap {
    width: 90%;
    margin: 0 auto;
    max-width: 1728px;
  }
  .blueSecLeft {
    padding-left: 0;
  }
  .blueSecRight {
    padding-right: 0;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .blueSecWrap {
    width: 90%;
    margin: 0 auto;
    max-width: 1728px;
  }
  .blueSecLeft {
    padding-left: 0;
    padding-top: 20px;
  }
  .blueSecRight {
    padding-right: 0;
  }
  .blueSecLeft h3 {
    font-size: 42px;
  }
  .blueSecLeft p {
    font-size: 21px;
  }
  .blueSecBtnPlace {
    margin-top: 60px;
  }
  .blueSec {
    padding: 100px 0 130px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .blueSecWrap {
    width: 90%;
    margin: 0 auto;
    max-width: 1728px;
  }
  .blueSecLeft {
    padding-left: 0;
    padding-top: 20px;
  }
  .blueSecRight {
    padding-right: 0;
  }
  .blueSecLeft h3 {
    font-size: 42px;
  }
  .blueSecLeft p {
    font-size: 19.5px;
  }
  .blueSecBtnPlace {
    margin-top: 60px;
  }
  .blueSec {
    padding: 70px 0 85px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .blueSecWrap {
    width: 90%;
    margin: 0 auto;
    flex-direction: column-reverse;
  }
  .blueSecLeft,
  .blueSecRight {
    width: 100%;
  }
  .blueSecLeft {
    padding: 0;
  }
  .blueSecRight img {
    margin: 0 auto 35px;
  }
  .blueSecRight {
    padding-right: 0;
  }
  .blueSecLeft h3 {
    font-size: 32px;
    padding-bottom: 25px;
  }
  .blueSecLeft p {
    font-size: 18px;
  }
  .blueSecBtnPlace {
    margin-top: 50px;
  }
  .blueSec {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .blueSecWrap {
    width: 90%;
    margin: 0 auto;
    flex-direction: column-reverse;
  }
  .blueSecLeft,
  .blueSecRight {
    width: 100%;
  }
  .blueSecLeft {
    padding: 0;
  }
  .blueSecRight {
    padding-right: 0;
  }
  .blueSecLeft h3 {
    font-size: 32px;
    padding-bottom: 25px;
    text-align: center;
  }
  .blueSecLeft p {
    font-size: 18px;
    text-align: center;
  }
  .blueSecBtnPlace {
    margin-top: 30px;
  }
  .blueSec {
    padding: 35px 0 70px;
  }
  .onlineOrdDesktop {
    display: none;
  }
  .onlineOrdMobile {
    display: inline-block !important;
    width: 100%;
  }
  .onlineOrdMobileWrap {
    width: 100%;
    margin: 15px auto 35px;
  }
  .onlineOrdBox {
    width: 100%;
  }
  .onlineOrdBox img {
    width: 100%;
    display: block;
    max-width: 290px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 479px) {
  .blueSec {
    padding: 35px 0;
  }
  .blueSecBtnPlace {
    margin-top: 20px;
  }
}
/*========================================================
    Restaurant Print Features section
=========================================================*/
.prFeat {
  padding: 160px 0;
}
.prFeatWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.prFeatImg {
  width: 50%;
  padding: 0 70px 0 120px;
}
.prFeatImg img {
  width: 100%;
}
.prFeatText {
  width: 50%;
  padding-right: 250px;
}
.prFeatText h3 {
  font-size: 60px;
  line-height: 1.1;
  font-family: graphikbold, arial, sans-serif;
  padding-bottom: 50px;
}
.prFeatText p {
  font-family: graphikr, arial, sans-serif;
  font-size: 32px;
  line-height: 1.3;
}
.prFeatText ul {
  column-count: 2;
  margin: 40px 0 0;
}
.prFeatText ul li {
  font-family: graphiksemi, arial, sans-serif;
  font-size: 30px;
  line-height: 1.3;
  padding-left: 30px;
  margin-bottom: 20px;
  background: url(../images/restaurants/disc.png) no-repeat;
  background-size: 16px 16px;
  background-position: left center;
}
.prFeatBtnsPlace {
  margin: 60px 0 0;
}
.prFeatBtnsPlace a:nth-child(1) {
  margin-right: 30px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .prFeatWrap {
    width: 90%;
    max-width: 1728px;
    margin: 0 auto;
  }
  .prFeatImg {
    padding-left: 0;
  }
  .prFeatText {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .prFeatWrap {
    width: 90%;
    max-width: 1728px;
    margin: 0 auto;
  }
  .prFeatImg {
    padding-left: 0;
  }
  .prFeatText {
    padding-right: 20px;
  }
  .prFeatText h3 {
    font-size: 42px;
  }
  .prFeatText p,
  .prFeatText ul li {
    font-size: 21px;
  }
  .prFeat {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .prFeatWrap {
    width: 90%;
    max-width: 1728px;
    margin: 0 auto;
  }
  .prFeatImg {
    padding-left: 0;
  }
  .prFeatText {
    padding-right: 20px;
  }
  .prFeatText h3 {
    font-size: 42px;
    padding-bottom: 25px;
  }
  .prFeatText p,
  .prFeatText ul li {
    font-size: 18px;
  }
  .prFeat {
    padding: 70px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .prFeatWrap {
    flex-direction: column;
    width: 90%;
    margin: 0 auto;
  }
  .prFeat {
    padding: 70px 0;
  }
  .prFeatImg,
  .prFeatText {
    width: 100%;
    padding: 0;
  }
  .prFeatText h3 {
    font-size: 32px;
    padding-bottom: 30px;
  }
  .prFeatText p,
  .prFeatText ul li {
    font-size: 18px;
  }
  .prFeatBtnsPlace {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .prFeatWrap {
    flex-direction: column;
    width: 90%;
    margin: 0 auto;
  }
  .prFeat {
    padding: 70px 0;
  }
  .prFeatImg,
  .prFeatText {
    width: 100%;
    padding: 0;
  }
  .prFeatText {
    padding-top: 30px;
  }
  .prFeatText h3 {
    font-size: 32px;
    padding-bottom: 30px;
  }
  .prFeatText p,
  .prFeatText ul li {
    font-size: 18px;
  }
  .prFeatBtnsPlace {
    margin-top: 5px;
  }
  .tblRowWhite {
    flex-direction: column;
  }
  .prFeatBtnsPlace .ecomBtn {
    width: 90%;
    font-size: 22px;
  }
  .prFeatText ul {
    column-count: 1;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .prFeat {
    padding: 35px 0;
  }
  .prFeatBtnsPlace {
    margin-top: 0;
  }
}
/*========================================================
    Restaurat page Table Section
=========================================================*/
.tblSec {
  background: var(--bluebann);
  padding: 130px 0 170px;
}
.tblSecSize {
  width: 75%;
  margin: 0 auto;
}
.tblSec h3 {
  color: var(--white);
  font-size: 60px;
  line-height: 1.1;
  text-transform: capitalize;
  font-family: barlowbold, arial, sans-serif;
  padding-bottom: 50px;
  text-align: center;
}
.tblSec h3 span {
  color: #fdcc1a;
  padding: 5px 0;
  border-radius: 25px;
  line-height: 0.8;
}
.tblSecRestaurant h3{
  padding-bottom: 0;
}
.tblMain {
  border: 2px solid var(--border-table);
}
.tblRowYellow {
  background: var(--divider-yellow);
  border-bottom: 2px solid var(--border-table);
  padding: 20px 0 0;
}
.tblRowWhite {
  background: var(--white);
  border-bottom: 2px solid var(--border-table);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tblCellBig {
  width: 33.33%;
  display: flex;
  justify-content: space-between;
}
.tblText {
  padding: 20px 30px;
}
.tblText label {
  font-size: 26px;
  font-family: graphiksemi, arial, sans-serif;
}
.tblCellSm {
  background: #f9fafc;
  width: 5%;
  border-left: 2px solid var(--border-table);
  border-right: 2px solid var(--border-table);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 30px;
}
.tblCellSm input[type="checkbox"] {
  transform: scale(1.4);
}
.tblBottomYel {
  background: var(--divider-yellow);
  display: flex;
  justify-content: flex-end;
}
.tblBigBottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tblPriceBig,
.tblBtnPlace {
  border-left: 2px solid rgba(21, 87, 163, 0.5);
  padding: 20px 30px;
  text-align: center;
}
.tblPriceBig p span {
  color: var(--bluebann);
  display: block;
  font-size: 44px;
}
.tblPriceBig p {
  font-family: graphiksemi, arial, sans-serif;
  font-size: 22px;
  text-transform: capitalize;
}
.tblBtnPlace .ecomBtn {
  font-size: 22px;
  padding: 25px 49px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .tblSecSize {
    width: 80%;
  }
  .tblMain {
    max-width: 1536px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .tblSec h3 {
    font-size: 42px;
  }
  .tblSecSize {
    width: 90%;
    max-width: 1728px;
  }
  .tblText label {
    font-size: 16px;
  }
  .tblPriceBig p span {
    font-size: 32px;
  }
  .tblPriceBig p {
    font-size: 18px;
  }
  .tblBtnPlace .ecomBtn {
    font-size: 18px;
  }
  .tblSec {
    padding: 75px 0 100px;
  }
  .tblText {
    padding: 20px 10px 20px 10px;
  }
  .tblMain {
    max-width: 1172px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .tblSec h3 {
    font-size: 42px;
  }
  .tblSecSize {
    width: 90%;
    max-width: 1728px;
  }
  .tblText label {
    font-size: 16px;
  }
  .tblPriceBig p span {
    font-size: 32px;
  }
  .tblPriceBig p {
    font-size: 18px;
  }
  .tblBtnPlace .ecomBtn {
    font-size: 18px;
  }
  .tblSec {
    padding: 75px 0 100px;
  }
  .tblText {
    padding: 15px 5px 15px 10px;
  }
  .tblMain {
    max-width: 922px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .tblSec {
    padding: 70px 0;
  }
  .tblSecSize {
    width: 90%;
  }
  .tblSec h3,
  .tblPriceBig p span {
    font-size: 32px;
  }
  .tblText label {
    font-size: 16px;
  }
  .tblText {
    padding: 20px 15px;
  }
  .tblPriceBig p {
    font-size: 18px;
  }
  .tblBottomYel,
  .tblBigBottom {
    justify-content: center;
    width: 100%;
  }
  .tblBtnPlace .ecomBtn {
    margin-top: 0;
    width: 240px;
    padding: 25px 30px;
  }
  .tblPriceBig {
    border-left: 0;
    display: flex;
    align-items: center;
  }
  .tblCellBig {
    width: 100%;
  }
  .tblBtnPlace {
    border-left: 0;
  }
  .tblCellBig,
  .tblMain {
    max-width: 600px;
  }
  .tblMain {
    margin: 0 auto;
  }
  .tblText {
    width: 360px;
    padding: 20px 0 20px 15px;
    display: flex;
    flex-direction: row;
  }
  .tblText label {
    width: 90%;
  }
  .button {
    width: 10%;
    padding: 0 10px 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .tblSec {
    padding: 70px 0;
  }
  .tblSecSize {
    width: 90%;
  }
  .tblSec h3,
  .tblPriceBig p span {
    font-size: 32px;
  }
  .tblText label {
    font-size: 16px;
  }
  .tblText {
    padding: 20px 15px;
  }
  .tblPriceBig p {
    font-size: 18px;
  }
  .tblBottomYel,
  .tblBigBottom {
    justify-content: center;
    width: 100%;
  }
  .tblBtnPlace .ecomBtn {
    margin-top: 0;
    width: 240px;
    padding: 25px 30px;
  }
  .tblPriceBig {
    border-left: 0;
    display: flex;
    align-items: center;
  }
  .tblCellBig {
    width: 100%;
  }
  .tblBtnPlace {
    border-left: 0;
  }
  .tblCellBig,
  .tblMain {
    max-width: 428px;
  }
  .tblMain {
    margin: 0 auto;
  }
  .tblText {
    width: 360px;
    padding: 20px 0 20px 15px;
    display: flex;
    flex-direction: row;
  }
  .tblText label {
    width: 90%;
  }
  .button {
    width: 10%;
    padding: 0 10px 0 40px;
  }
}
@media only screen and (max-width: 479px) {
  .tblSec {
    padding: 35px 0;
  }
  .tblText {
    width: 220px;
  }
  .button {
    padding: 10px 10px 0 40px;
  }
  .tblCellBig,
  .tblMain {
    max-width: 284px;
  }
}
/*========================================================
	RV page
=========================================================*/
.rvwebBan {
  background: url(../images/rv-websites/rv--top-banner.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1000px;
  border-bottom: 25px solid var(--bluebann);
}
.rvCampTitWrap {
  width: 1920px;
  margin: 115px auto 0;
  height: 175px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.rvCampTitLeft {
  width: 26%;
  position: relative;
}
.rvCamptitbg {
  position: absolute;
  left: 0;
  bottom: -100px;
  width: 380px;
}
.rvCampTitRight {
  width: 74%;
  position: relative;
}
.rvbetRest {
  padding-left: 200px;
}
.rvbetTrans {
  font-family: ftyspeed, arial, sans-serif;
  font-size: 200px;
  line-height: 1;
  transform: rotate(-30deg);
  color: var(--nav-hover);
  text-shadow: 3px 0 0 #ffffff;
  position: absolute;
  left: 0;
  bottom: -120px;
}
.rvbetCamp {
  font-family: helveticaregular, arial, sans-serif;
  font-size: 64px;
  line-height: 0.9;
  color: var(--white);
  text-transform: capitalize;
}
.rvbetWeb {
  font-family: barricada-pro, serif;
  font-size: 80px;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  line-height: 1;
  color: var(--white);
}
.pagerv {
  width: 1920px;
  margin: 0 auto;
}
.rvCamp {
  background: url("../images/rv-websites/bg.jpg") center center no-repeat;
  background-size: cover;
  padding: 0 0 50px;
}
.rvCampWrap {
  margin-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 60px;
}
.rvCampLeft {
  width: 55%;
  position: relative;
}
.rvCampRight {
  width: 40%;
}
.rvCampLeft img {
  width: 100%;
  margin-top: 30px;
}
.rvCampTitle {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.rvCampList {
  padding-left: 40px;
}
.rvCampList ul li {
  font-family: helveticaregular, arial, sans-serif;
  font-size: 30px;
  font-weight: 600;
  color: #232424;
  margin-bottom: 25px;
  text-transform: none;
  background: url("../images/index/icon-mark.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 27px 33px;
  padding-left: 50px;
  text-transform: capitalize;
}
.rvCampList ul li span {
  font-family: helveticabold, arial, sans-serif;
  font-size: 24px;
  display: block;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.rvCampList ul li img {
  width: 40px;
  margin-right: 5px;
}
.plus {
  display: none;
}
.rvbetRest {
  position: relative;
  padding-left: 220px;
}
.rvbetTrans {
  font-family: ftyspeed, arial, sans-serif;
  font-size: 200px;
  line-height: 1;
  transform: rotate(-30deg);
  color: #ef043c;
  text-shadow: 3px 0 0 #fff;
  position: absolute;
  left: 0;
  bottom: -50px;
}
.rvbetCamp {
  font-family: helveticaregular, arial, sans-serif;
  font-size: 80px;
  line-height: 0.9;
  color: #004271;
  text-transform: capitalize;
}
.rvbetWeb {
  font-family: barricada-pro, serif;
  font-size: 94px;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  line-height: 1;
  color: #004271;
}
.rvbetWeb span {
  font-family: helveticaregular, arial, sans-serif;
  font-size: 64px;
  line-height: 0.9;
  text-transform: lowercase;
  padding-left: 15px;
}
.rvCampLWrap {
  width: 100%;
  margin: 0 auto 25px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.rvCampLIco {
  width: 24px;
  margin-right: 20px;
}
.rvCampLCont {
  width: calc(100% - 47px);
}
.rvCampLIco img {
  width: 100%;
}
.rvCampLCont p {
  font-family: helveticaregular, arial, sans-serif;
  font-size: 30px;
  font-weight: 600;
  color: #232424;
  text-transform: capitalize;
  line-height: 1.1;
}
.rvCampLCont p span {
  color: #d8332c;
}
.rvTit {
  text-align: center;
}
.rvMoreBtnPlace {
  padding: 80px 0 0 100px;
}
.rvTit {
  text-align: center;
}
.titleH3all {
  font-family: graphikbold, arial, sans-serif;
  font-size: 60px;
  text-transform: capitalize;
}
.titleH3all span {
  display: block;
  font-size: 36px;
  color: #ef053c;
  margin-bottom: 20px;
  font-family: graphiksemi, arial, sans-serif;
}
.rvsamplesbg {
  padding: 150px 0 60px;
}
.rvsamplesbg h2 span {
  font-family: graphikr, arial, sans-serif;
  font-size: 32px;
  display: block;
  color: var(--red-color);
}
.bannrvsp1 {
  font-size: 70px;
  margin-left: 60px;
}
.bannrvsp2 {
  display: block;
  font-size: 76px;
  padding-top: 20px;
}
.bannrvsp3 {
  margin-left: 30px;
}
.rvBtn {
  text-align: center;
  line-height: 1.1;
  padding: 15px 35px;
  width: 240px;
}
.rvBtn span {
  display: block;
  font-size: 21px;
}
.bannRv .bannh1sp22 {
  font-family: graphikbold, arial, sans-serif;
  font-size: 66px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .rvCampTitWrap,
  .pagerv {
    width: 90%;
  }
  .rvCampWrap {
    align-items: flex-start;
    padding-top: 35px;
  }
  .rvCampRight {
    padding-top: 170px;
  }
  .rvCamp {
    padding: 0 0 35px;
  }
  .rvTit {
    padding: 50px 0 0;
  }
  .rvMoreWrap {
    padding-top: 0;
  }
  .rvsamplesbg {
    padding-bottom: 30px;
  }
  .rvwebBan,
  .bannRestWrap {
    height: 780px;
  }
  .rvBtn {
    font-size: 24px;
  }
  .rvBtn span {
    font-size: 17px;
  }
  .bannRv .bannh1sp22 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .rvCampTitWrap,
  .pagerv {
    width: 90%;
  }
  .rvCampTitWrap {
    margin: 30px auto 0;
    height: 145px;
    width: 90%;
  }
  .rvCamptitbg {
    width: 260px;
  }
  .rvCampPadd {
    padding: 15px 0 120px;
  }
  .rvCampWrap {
    align-items: flex-start;
    padding-top: 35px;
    margin-bottom: 0;
  }
  .rvsamplesbg {
    padding: 90px 0 70px;
  }
  .rvsamplesbg h2 span {
    font-size: 26px;
  }
  .rvCampLeft {
    width: 52%;
  }
  .rvCampRight {
    width: 44%;
  }
  .rvCampList {
    padding-left: 20px;
    padding-top: 70px;
  }
  .rvTit {
    padding: 35px 0 0;
  }
  .rvCampLeft img {
    margin-top: 50px;
  }
  .rvCamp {
    padding: 0 0 50px;
  }
  .rvCampTitle {
    padding-bottom: 40px;
  }
  .rvCampList ul li {
    font-size: 21px;
    background-size: 18px 23px;
    padding-left: 35px;
  }
  .rvbetTrans {
    font-size: 150px;
  }
  .rvbetRest {
    padding-left: 150px;
  }
  .rvbetCamp,
  .rvbetWeb span {
    font-size: 64px;
  }
  .rvbetWeb {
    font-size: 73px;
  }
  .rvbetWeb span {
    padding-left: 5px;
  }
  .rvCampLCont p {
    font-size: 21px;
  }
  .rvbetTrans {
    bottom: -40px;
  }
  .rvwebBan,
  .bannRestWrap {
    height: 620px;
  }
  .bannRv {
    padding-top: 160px;
  }
  .bannrvsp3 {
    margin-left: 15px;
  }
  .rvBtn {
    font-size: 21px;
    width: 160px;
    padding: 15px 20px;
  }
  .rvBtn span {
    font-size: 14px;
  }
  .bannRv .bannh1sp22 {
    font-size: 42px;
    padding: 5px 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .rvCampTitWrap,
  .pagerv {
    width: 90%;
  }
  .rvCampTitWrap {
    margin: 30px auto 0;
    height: 145px;
  }
  .rvCamptitbg {
    width: 260px;
  }
  .rvCamp {
    padding: 50px 0 80px;
  }
  .rvCampList {
    padding-left: 20px;
  }
  .rvCampList ul li span {
    font-size: 22px;
  }
  .rvCampList ul li {
    font-size: 16px;
  }
  .rvCampRight {
    width: 43%;
  }
  .rvCamp {
    padding: 0 0 50px;
  }
  .rvCampWrap {
    align-items: flex-start;
    margin-bottom: 0;
  }
  .rvCampLeft img {
    margin-top: 0;
  }
  .rvTit {
    padding: 50px 0 0;
  }
  .rvfaqbg {
    padding: 0 0 50px;
  }
  .rvMoreBtnPlace {
    padding: 35px 0 0 100px;
  }
  .rvscrBox {
    width: 49%;
    margin-bottom: 35px;
  }
  .rvscrBox h3 {
    font-size: 21px;
  }
  .rvscrBox p {
    font-size: 16px;
  }
  .rvCampTitle {
    padding-bottom: 40px;
  }
  .rvCampList ul li {
    font-size: 21px;
    background-size: 18px 23px;
    padding-left: 35px;
    line-height: 1.3;
  }
  .rvbetTrans {
    bottom: -30px;
    font-size: 120px;
  }
  .rvbetRest {
    padding-left: 120px;
  }
  .rvbetCamp,
  .rvbetWeb span {
    font-size: 42px;
  }
  .rvbetWeb {
    font-size: 48px;
  }
  .rvbetWeb span {
    padding-left: 5px;
  }
  .rvbetweenCont {
    width: 50%;
  }
  .rvbetweenLogo {
    width: 36%;
  }
  .rvbetweenLogo p {
    width: 36%;
    font-size: 58px;
  }
  .rvbetweenLogo img {
    width: 260px;
    margin-right: 30px;
  }
  .rvbetweenbg {
    padding: 35px 0;
  }
  .rvCampPadd {
    padding: 15px 0 120px;
  }
  .rvCampLCont p {
    font-size: 19px;
    line-height: 1.3;
  }
  .rvCampLWrap {
    align-items: center;
  }
  .rvsamplesbg {
    padding: 70px 0;
  }
  .rvsamplesbg h2 span {
    font-size: 24px;
  }
  .rvwebBan,
  .bannRestWrap {
    height: 500px;
  }
  .bannRv {
    padding-top: 120px;
  }
  .bannrvsp3 {
    margin-left: 15px;
  }
  .undRestoBtnPlace .rvBtn {
    font-size: 18px;
    padding: 10px 15px;
    width: 140px;
    margin-top: 0;
  }
  .rvBtn span {
    font-size: 14px;
  }
  .bannRv .bannh1sp22 {
    font-size: 32px;
    padding: 5px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .rvCampTitWrap,
  .pagerv {
    width: 90%;
  }
  .rvCampTitWrap {
    margin: 35px auto 0;
    height: 135px;
  }
  .rvCamptitbg {
    width: 160px;
  }
  .rvCamp {
    padding: 50px 0 80px;
  }
  .rvCampLeft,
  .rvCampRight {
    width: 80%;
    margin: 0 auto 70px;
  }
  .rvCampTitLeft {
    display: none;
  }
  .rvCampTitRight {
    width: 512px;
    margin: 0 auto;
  }
  .mobraptorlink a {
    font-size: 21px;
  }
  .rvCampPromo {
    width: 144px;
    height: 144px;
  }
  .rvCampLeft img {
    margin-top: 0;
  }
  .rvCampWrap {
    margin-bottom: 0;
  }
  .rvCampPrices {
    width: 150px;
    height: 150px;
    top: -0px;
    right: 130px;
  }
  .rvCampPromo p {
    font-size: 48px;
  }
  .rvCampPromo p span {
    font-size: 14px;
  }
  .rvCampRightBtnPlaceMob {
    display: block;
    text-align: center;
    margin-top: 40px;
  }
  .rvCampRightBtnPlaceMob .shopify-buy-frame--product {
    margin: 0 auto;
  }
  .subsBtn2 {
    padding: 22px 40px;
  }
  .rvCampTitleRV p {
    font-size: 132px;
  }
  .rvCampTitleCampgr p {
    font-size: 54px;
  }
  .rvCampTitleCampgr p span {
    font-size: 68px;
  }
  .rvCampList {
    padding-left: 40px;
  }
  .rvCampList ul li span {
    font-size: 22px;
  }
  .rvCampList ul li {
    font-size: 19px;
    line-height: 23px;
    background-size: 18px 23px;
    padding-left: 35px;
  }
  .rvCampCoverAndBonus {
    margin-top: 50px;
  }
  .plus {
    width: 100px;
    top: 70px;
    left: 20px;
  }
  .rvCampBonusbg {
    display: none;
  }
  .rvCampBonusWrap {
    padding: 0;
  }
  .rvCampBonus {
    width: 390px;
  }
  .rvCampbon {
    font-size: 21px;
  }
  .rvCampBonus p {
    font-size: 19px;
  }
  .rvbetweenWrap {
    flex-direction: column;
    width: 500px;
    margin: 0 auto;
  }
  .rvbetweenLogo,
  .rvbetweenCont {
    width: 100%;
  }
  .rvbetTrans {
    font-size: 150px;
  }
  .rvbetRest {
    text-align: right;
    padding-left: 0;
  }
  .rvbetCamp,
  .rvbetWeb span {
    padding-top: 20px;
    font-size: 60px;
  }
  .rvbetWeb {
    font-size: 67px;
  }
  .rvbetTrans {
    bottom: -20px;
  }
  .rvbetWeb span {
    padding-left: 5px;
  }
  .rvbetweenLogo {
    display: none;
  }
  .rvbetweenLogo img {
    float: none;
    margin: 0 auto;
    width: 300px;
  }
  .rvbetweenbg {
    padding: 35px 0;
  }
  .rvCamp {
    padding: 0;
  }
  .rvCampLCont p {
    font-size: 24px;
  }
  .rvCampBonusbg {
    width: 280px;
  }
  .faqWrap {
    width: 90%;
    margin: 0 auto 50px;
  }
  .rvCampCoverAndBonusp {
    margin-top: 35px;
  }
  .rvTit {
    padding: 35px 0 0;
  }
  .freshtitbg {
    padding-top: 20px;
  }
  .rvscrbg {
    padding: 35px 0 0;
  }
  .rvscrWrap {
    flex-direction: column;
  }
  .rvscrBox {
    width: 600px;
    margin: 0 auto 50px;
  }
  .rvscrBox h3 {
    font-size: 21px;
  }
  .rvscrBox p {
    font-size: 16px;
  }
  .rvfaqbg {
    padding: 0 0 35px;
  }
  .rvCampRightBtn,
  .rvscrBtn {
    font-size: 22px;
  }
  .rvMoreRow p {
    font-size: 26px;
    width: calc(100% - 98px);
  }
  .rvMoreRowImg img {
    width: 68px;
  }
  .rvMoreRowImg {
    width: 98px;
  }
  .rvMoreWrap {
    width: 560px;
    padding-top: 20px;
  }
  .rvMoreCont p {
    font-size: 21px;
  }
  .rvMoreFull {
    height: 640px;
    margin-top: 60px;
  }
  .rvmorebgimg {
    width: 380px;
    right: -300px;
  }
  .rvMoreCont {
    width: 620px;
  }
  .packChWrap {
    width: 380px;
    margin: 50px auto 0;
  }
  .packSingle {
    width: 320px;
    margin: 0 auto 50px;
  }
  .packSingleTop {
    padding: 40px 20px 25px 20px;
  }
  p.packTitle {
    font-size: 20px;
  }
  .packPrice {
    width: 100px;
    height: 100px;
  }
  .packPrice p span {
    font-size: 28px;
  }
  .packBottom {
    padding: 20px 20px 40px 20px;
  }
  .packList ul li {
    background-size: 16px 16px;
    font-size: 16px;
    padding: 8px 0 8px 28px;
  }
  .packDetButPlace {
    margin-top: 20px;
  }
  .packDetButPlace .btnHow {
    padding: 16px 55px;
    font-size: 16px;
  }
  .pagervSub {
    padding: 0 30px;
  }
  .faqtitbg {
    margin-top: 0;
  }
  .rvsamplesbg {
    padding: 70px 0 30px;
  }
  .rvsamplesbg h2 span {
    font-size: 24px;
  }
  .rvwebBan,
  .bannRestWrap {
    height: 380px;
  }
  .bannRv {
    padding-top: 90px;
  }
  .bannRv h1,
  .bannRv .bannh1sp1 {
    font-size: 34px;
  }
  .bannrvsp3 {
    margin-left: 10px;
  }
  .undRestoBtnPlace .rvBtn {
    font-size: 20px;
    width: 170px;
    padding: 15px 20px;
    margin-top: 0;
  }
  .rvBtn span {
    font-size: 14px;
  }
  .bannRv .bannh1sp22 {
    font-size: 26px;
    padding: 5px 0;
  }
}
@media only screen and (max-width: 767px) {
  .pagerv {
    width: 90%;
  }
  .rvCampPadd {
    padding: 0;
  }
  .rvCampWrap {
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
  }
  .rvCampLeft,
  .rvCampRight {
    width: 100%;
  }
  .rvCampLeft {
    margin-bottom: 40px;
  }
  .rvCampPrices {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 140px;
    height: 140px;
  }
  .rvCampPrices {
    top: -60px;
    right: 55px;
  }
  .rvCampLeft {
    display: flex;
    flex-direction: column;
  }
  .rvCampLeft img {
    order: 1;
  }
  .rvCampPrices {
    order: 2;
  }
  .rvCampRightBtnPlaceMob {
    order: 3;
  }
  .rvCampPromo {
    width: 140px;
    height: 140px;
  }
  .rvCampPromo p {
    font-size: 46px;
  }
  .rvCampPromo p span {
    font-size: 14px;
  }
  .rvCampRegular p {
    display: flex;
    font-size: 40px;
    margin-bottom: 10px;
  }
  .rvCampRegular p span {
    width: 85px;
    margin-left: 5px;
    font-size: 17px;
  }
  .subsBtn2 {
    padding: 22px 40px;
  }
  .rvCampTitleRV p {
    font-size: 86px;
  }
  .rvCampTitleCampgr p {
    font-size: 30px;
  }
  .rvCampTitleCampgr p span {
    font-size: 38px;
  }
  .rvCampList {
    padding-left: 0;
    width: 420px;
    margin: 0 auto;
  }
  .rvCampList ul li span {
    font-size: 21px;
  }
  .rvCampList ul li {
    font-size: 19px;
    padding-left: 60px;
  }
  .rvCampCoverAndBonus {
    margin-top: 5px;
    justify-content: center;
  }
  .rvCampDiscbg {
    width: 100%;
  }
  .rvCampBonusWrap {
    padding: 0;
  }
  .rvCampBonus {
    width: 360px;
  }
  .rvCampBonus img {
    width: 42px;
    height: 42px;
  }
  .rvCampbon {
    font-size: 19px;
  }
  .rvCampBonus p {
    font-size: 18px;
  }
  .rvbetweenWrap {
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
  }
  .rvCampRightBtn,
  .rvscrBtn {
    font-size: 21px;
  }
  .rvbetweenLogo {
    display: none;
  }
  .rvbetweenLogo,
  .rvbetweenCont {
    width: 432px;
    margin: 0 auto;
  }
  .rvbetTrans {
    font-size: 120px;
    bottom: -20px;
    left: -100px;
  }
  .rvbetRest {
    padding-left: 0;
    text-align: right;
  }
  .rvbetCamp,
  .rvbetWeb span {
    padding-top: 15px;
    font-size: 55px;
  }
  .rvbetWeb {
    font-size: 62px;
  }
  .rvbetWeb span {
    padding-left: 5px;
  }
  .rvbetweenLogo {
    text-align: center;
    margin-top: 55px;
    font-size: 48px;
  }
  .rvbetweenLogo img {
    float: none;
    margin: 0 auto;
    width: 240px;
  }
  .rvbetweenbg {
    padding: 15px 0 10px 0;
  }
  .rvCamp {
    padding: 0 0 50px;
  }
  .rvsamplesbg {
    padding: 70px 0 0;
  }
  .rvsamplesbg h2 span {
    font-size: 18px;
  }
  .rvCampLeft img {
    margin-top: 20px;
  }
  .rvCampLCont p {
    font-size: 20px;
  }
  .rvCampLIco {
    width: 20px;
    margin-right: 25px;
  }
  .rvCampCoverAndBonusp {
    margin-top: 40px;
  }
  .plus {
    width: 80px;
    top: 60px;
    left: 10px;
  }
  .rvCampRightBtnPlaceMob {
    display: block;
    text-align: center;
    margin: 30px 0;
  }
  .rvCampRightBtnPlace {
    padding-left: 0;
    text-align: center;
    margin-top: 20px;
  }
  .rvCampRightBtnPlace .shopify-buy-frame--product {
    margin: 0 auto;
  }
  .rvCampRightBtnPlaceMob .shopify-buy-frame--product {
    margin: 0 auto;
  }
  .rvCampTitWrap {
    width: 90%;
    margin: 50px auto 0;
  }
  .rvMoreBtnPlace {
    padding: 35px 0 0 100px;
  }
  .rvscrbg {
    padding: 60px 0 50px;
  }
  .rvscrBox {
    width: 100%;
    margin-bottom: 60px;
  }
  .rvscrBox:last-child {
    margin-bottom: 0;
  }
  .rvscrBox h3 {
    font-size: 22px;
  }
  .rvfaqbg {
    padding: 20px 0 0px;
  }
  .rvCampTitRight {
    width: 100%;
  }
  .rvMoreRow p {
    font-size: 24px;
    width: calc(100% - 60px);
  }
  .rvMoreRowImg img {
    width: 50px;
  }
  .rvMoreRowImg {
    width: 60px;
  }
  .rvMoreWrap {
    width: 440px;
    padding-top: 20px;
  }
  .rvMoreCont p {
    font-size: 21px;
  }
  .rvMoreFull {
    height: 640px;
    margin-top: 60px;
  }
  .rvmorebgimg {
    width: 380px;
    right: -300px;
  }
  .rvMoreCont {
    width: 450px;
  }
  .rvMoreRow p span {
    display: inline-block;
  }
  .rvwebMob {
    padding-top: 0;
  }
  .bannrvsp3 {
    margin-left: 10px;
  }
  .bannrvwebMob h2 {
    font-size: 50px;
  }
  .undRestoBtnPlace .rvBtn {
    font-size: 22px;
    width: 100%;
    margin: 10px auto;
  }
  .rvBtn{
    width: 90%;
  }
  .rvBtn span {
    font-size: 18px;
  }
  .bannrvwebMob .bannh1sp23 {
    display: block;
    font-size: 32px;
    font-family: graphikbold, arial, sans-serif;
  }
}
@media only screen and (max-width: 479px) {
  .rvsamplesbg {
    padding: 35px 0;
  }
  .rvCampTitWrap {
    margin: 0 auto;
  }
  .rvbetweenLogo,
  .rvbetweenCont {
    width: 100%;
  }
  .rvbetCamp,
  .rvbetWeb span {
    font-size: 36px;
  }
  .rvCampLIco {
    width: 16px;
  }
  .rvbetWeb {
    font-size: 41px;
  }
  .rvbetCamp {
    padding-top: 10px;
  }
  .rvCampList {
    width: 100%;
  }
  .rvCampBonus {
    width: 100%;
    flex-direction: column;
  }
  .rvCampBonus img {
    display: none;
  }
  .rvCampBonus p {
    text-align: center;
    font-size: 21px;
  }
  .rvCampbon {
    font-size: 21px;
  }
  .rvCampcd {
    display: block;
  }
  .rvCampDiscbg {
    width: 100%;
  }
  .rvCampBonusWrap {
    padding: 0;
  }
  .rvbetRest {
    padding-right: 25px;
  }
  .rvbetTrans {
    font-size: 90px;
    bottom: -26px;
    left: -60px;
  }
  .plus {
    width: 55px;
    top: 50px;
    left: 25px;
  }
  .rvMoreWrap {
    width: 90%;
  }
  .rvMoreRow p {
    font-size: 23px;
    width: calc(100% - 55px);
    display: flex;
    flex-direction: row;
  }
  .rvMoreRowImg {
    width: 55px;
  }
  .rvMoreRowImg img {
    width: 45px;
  }
  .rvMoreFull {
    margin-top: 0;
    height: inherit;
  }
  .rvmoreimgmob {
    display: block;
    width: 90%;
    margin: 10px auto 0;
  }
  .rvmorebgimg {
    display: none;
  }
  .rvMoreRow {
    margin-bottom: 25px;
  }
  .rvMoreCont p {
    font-size: 19px;
  }
  .rvMoreCont {
    width: 90%;
    padding-bottom: 35px;
  }
  .rvCampWrap {
    padding-top: 0;
  }
  .rvMoreBtnPlace {
    padding: 30px 0 0 0;
    text-align: center;
  }
  .rvCamptitbg {
    width: 280px;
  }
  .bannrvwebMob h2 {
    font-size: 36px;
  }
  .bannrvwebMob .bannh1sp23 {
    font-size: 25px;
  }
}
/*========================================================
	UNLIMITED UPDATES page
=========================================================*/
.unlimWrap {
  width: 1200px;
  margin: 0 auto;
}
.unlimTitbg {
  padding: 120px 0 130px;
}
.unlimTit h1 {
  font-size: 68px;
  text-transform: capitalize;
  font-family: graphiksemi, arial, sans-serif;
  line-height: 1.3;
  text-align: left;
  color: var(--bluebann);
  margin: 20px auto 25px;
}
.unlimTit h1 span {
  margin-right: 10px;
  font-size: 76px;
}
.unlimTit h3 {
  font-family: graphiksemi, arial, sans-serif;
  font-size: 44px;
  text-transform: capitalize;
  text-align: left;
  margin-top: 50px;
  color: var(--main-text);
}
.unlimTit p {
  font-family: graphikr, arial, sans-serif;
  font-size: 30px;
  line-height: 1.3;
  margin: 0 0 70px;
  text-align: left;
  width: 90%;
}
.unlimTit h4 {
  text-align: left;
  font-family: graphiksemi, arial, sans-serif;
  font-size: 38px;
  padding-bottom: 20px;
}
.unlimTit h5 {
  font-family: graphiksemi, arial, sans-serif;
  font-size: 26px;
  padding-bottom: 15px;
}
.unlimTit ul li {
  font-family: graphikr, arial, sans-serif;
  font-size: 26px;
  line-height: 1.3;
  padding-left: 30px;
  margin-bottom: 30px;
  background: url(../images/restaurants/disc.png) no-repeat;
  background-size: 16px 16px;
  background-position: left top 8px;
  text-transform: none;
}
.unlimTit ul li span {
  font-family: graphiksemi, arial, sans-serif;
}
.unlimsec {
  padding-bottom: 35px;
}
.unlimTit .unlimsec p {
  margin: 0 auto;
  text-align: left;
  width: 100%;
  font-size: 26px;
}
.unlimTit .unlimsec p span {
  font-family: graphiksemi, arial, sans-serif;
}
.addBotPadd{
  padding: 0 0 20px;
}
.unlimHelpp {
  margin-top: 55px;
}
.unlimHelpp p a{
  text-transform: none;
}
.unlimContBtnPlace {
  margin-top: 25px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .unlimTit h1 {
    font-size: 48px;
    margin-bottom: 15px;
  }
  .unlimTit h3 {
    margin-top: 0;
    font-size: 36px;
  }
  .unlimTit p,
  .unlimTit h5,
  .unlimTit ul li,
  .unlimTit .unlimsec p {
    font-size: 21px;
  }
  .unlimTit h4 {
    font-size: 32px;
  }
  .unlimTitbg {
    padding: 75px 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .unlimTit h1 {
    font-size: 40px;
    margin-bottom: 15px;
  }
  .unlimTit h3 {
    margin-top: 0;
    font-size: 32px;
  }
  .unlimTit p,
  .unlimTit h5,
  .unlimTit ul li,
  .unlimTit .unlimsec p {
    font-size: 18px;
  }
  .unlimTit h4 {
    font-size: 28px;
  }
  .unlimTitbg {
    padding: 50px 0;
  }
  .unlimWrap {
    width: 90%;
  }
  .unlimTit p {
    margin: 0 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .unlimTit h1 {
    font-size: 40px;
    margin-bottom: 15px;
  }
  .unlimTit h3 {
    margin-top: 0;
    font-size: 26px;
  }
  .unlimTit p,
  .unlimTit h5,
  .unlimTit ul li,
  .unlimTit .unlimsec p {
    font-size: 18px;
  }
  .unlimTit h4 {
    font-size: 24px;
  }
  .unlimTitbg {
    padding: 50px 0;
  }
  .unlimWrap {
    width: 90%;
  }
  .unlimTit p {
    margin: 0 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .unlimTit h1 {
    font-size: 32px;
    margin-bottom: 15px;
  }
  .unlimTit h3 {
    margin-top: 0;
    font-size: 24px;
  }
  .unlimTit h3 span {
    display: block;
  }
  .unlimTit p,
  .unlimTit h5,
  .unlimTit ul li,
  .unlimTit .unlimsec p {
    font-size: 18px;
  }
  .unlimTit h4 {
    font-size: 24px;
  }
  .unlimTitbg {
    padding: 35px 0;
  }
  .unlimWrap {
    width: 90%;
  }
  .unlimTit p {
    margin: 0 auto 50px;
    width: 100%;
  }
  .unlimTit ul li {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 479px) {
}

/*========================================================
	DESIGN FROM SCRATCH page
=========================================================*/
.srcboxesWrapMob {
  display: none !important;
}
.scrboxbg {
  padding: 0 0 70px;
}
.scrbg2 {
  padding: 70px 0 160px;
}
.scrTit h3 {
  font-family: graphikbold, arial, sans-serif;
  font-size: 42px;
  background: none;
  color: var(--main-text);
  text-transform: capitalize;
  line-height: 105px;
}
.scrTit h3 span {
  font-size: 42px;
  font-family: amster, arial, sans-serif;
  color: var(--bluebann);
  font-weight: 500;
  padding-right: 3px;
  text-transform: none;
}
.scrTit {
  margin-top: 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .scrTit h3 {
    font-size: 32px;
    line-height: 92px;
  }
  .scrPrice {
    padding-top: 20px;
  }
  .scrboxbg {
    padding: 0;
  }
  .scrbg2 {
    padding: 30px 0 90px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .scrTit h3 {
    font-size: 32px;
    line-height: 92px;
  }
  .scrPrice {
    padding-top: 20px;
  }
  .scrboxbg {
    padding: 0;
  }
  .scrbg2 {
    padding: 30px 0 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .scrTit h3 {
    font-size: 26px;
    line-height: 92px;
  }
  .scrTit h3 span {
    font-size: 26px;
  }
  .scrPrice {
    padding-top: 0;
  }
  .scrboxbg {
    padding: 0;
  }
  .scrbg2 {
    padding: 50px 0 90px;
  }
}
@media only screen and (max-width: 767px) {
  .scrTit h3,
  .scrTit h3 span {
    font-size: 32px;
  }
  .scrTit h3 {
    line-height: 90px;
  }
  .scrPrice {
    padding-top: 0;
  }
  .scrbg {
    padding-top: 50px;
  }
  .scrboxbg {
    padding: 0;
  }
  .scrbg2 {
    padding: 30px 0 70px;
  }
}
@media only screen and (max-width: 479px) {
  .scrBox {
    max-width: 280px;
  }
  .scrTit h3,
  .scrTit h3 span {
    font-size: 26px;
  }
  .scrPrice {
    padding-top: 0;
    width: 280px;
  }
}
/*========================================================
		PRICES BOXES UNIVERSAL
=========================================================*/
/* Ewa: I changed  on 12/28/24 @ 3:50am EST */
.priceBoxesMob {
    display: none!important;
}
.priceBoxOuterbg {
    padding: 100px 0 70px;
}
.priceBoxesWrap {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1728px;
}
.priceBox3Cols {
    width: 31%;
}
.priceBox4Cols {
    width: 24%;
}
.priceBox {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 30px 0;
}
.priceBoxInnerBord {
    border: 1px solid var(--lightblue);
    background: none;
    position: relative;
    border-radius: 20px;
}
.priceBordHead {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -20px;
    background: var(--bann-btn);
    border-radius: 25px;
    padding: 10px 25px;
}
.priceBordHead p {
    text-align: center;
    text-transform: capitalize;
    font-size: 24px;
    padding-top: 0;
    font-family: graphikm, arial, sans-serif;
    width: 100%;
    margin: 0 auto;
    color: var(--bluebann);
}
.priceBoxInnerBord h3 {
    font-size: 42px;
    color: var(--bluebann);
    font-family: graphikr, arial, sans-serif;
    text-align: center;
    padding: 50px 0 0;
    line-height: 1.3;
}
.priceBoxInnerBord h3 span {
    font-family: graphikbold, arial, sans-serif;
}
.skilledtradeMobile h3 span {
    max-width: 230px;
    margin: 0 auto;
}
.priceBoxInnerBord h4 {
    font-size: 26px;
    font-family: graphikr, arial, sans-serif;
    color: var(--main-text);
    padding: 0 0 30px 0;
    margin-top: 10px;
    text-align: center;
    line-height: 1.3;
}
.priceListWrap {
    width: 100%;
    margin: 0 auto 60px;
}
.priceListWrap .accordion {
    background: transparent;
    border: none;
    padding: 25px 40px 0;
    font-size: 21px;
    display: flex;
    align-items: center;
    width: 100%;
    color: var(--main-text);
    cursor: pointer;
    text-align: left;
    outline: none;
    font-family: barlowbold, arial, sans-serif;
    transition: 0.4s;
}
.priceListWrap .accordion:hover {
    background-color: var(--white);
}
.priceListWrap .accordion span {
    font-family: "Varela", arial, sans-serif;
    line-height: 1.3;
    font-size: 24px;
    display: flex;
    align-items: center;
    width: 90%;
}
.priceListWrap .accordion span img {
    width: 30px;
    height: 30px;
    margin-right: 8px;
}
.priceListWrap .accordion:after {
    color: var(--main-text);
    margin-left: 70px;
    width: 10%;
    font-size: 26px;
    content: "\002B";
    font-weight: bold;
    float: right;
    display: none;
}
.priceListWrap .active:after {
    content: "\2212";
    color: var(--main-text);
    display: none;
}
.priceListWrap .panel {
    background: transparent;
    padding: 0 18px;
    max-height: auto;
    overflow: visible;
    transition: max-height 0.2s ease-out;
}
.priceListWrap .panel p {
    background: none;
    width: 100%;
    margin: 0 auto;
    line-height: 1.4;
    font-family: barlowregular, arial, sans-serif;
    padding: 12px 20px 5px;
    text-align: left;
    color: var(--gray);
    font-size: 21px;
}
/* additions for how it works page */
.priceBoxInnerTop2Items {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 50px;
    width: 480px;
}
.priceBoxDigit {
    background: var(--divider-yellow);
    color: var(--bluebann);
    font-family: graphikbold, arial, sans-serif;
    font-size: 40px;
    width: 100px;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}
.priceBoxInnerTop2Items h2 {
    padding-left: 30px;
    color: var(--bluebann);
    font-family: graphikbold, arial, sans-serif;
    font-size: 38px;
    text-align: left;
}
.priceBoxInnerTop2Items h2 span {
    display: block;
}
.priceBoxMid {
    padding: 0 30px;
    margin-bottom: 50px;
}
.priceBoxMid h4 {
    text-align: left;
    padding: 35px 0 30px;
}
.priceBoxInnerBord ul li {
    background: url(../images/newcheck.svg) no-repeat;
    background-position: left top 17px;
    background-size: 30px 30px;
    padding: 15px 0 15px 40px;
    font-family: graphikr, arial, sans-serif;
    font-size: 24px;
    line-height: 1.4;
    text-transform: none;
    text-align: left;
}
.minUl{
  min-height: 517px;
}
.priceBoxMid p {
    font-family: graphikr, arial, sans-serif;
    font-size: 24px;
    margin: 10px 0 0;
    text-align: left;
    line-height: 1.4;
}
/* end additions for how it works page */
/* additions for managed hosting page */
.priceBoxaddHost p {
    padding: 15px 40px 10px;
    margin: 20px 0;
    background: var(--bluebann);
    font-size: 22px;
    text-transform: uppercase;
    font-family: graphiksemi, arial, sans-serif;
    color: var(--white);
    width: 90%;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    min-height: auto;
    text-align: left;
}
.priceBoxInnerBord h5 {
    font-size: 34px;
    font-family: graphiksemi, arial, sans-serif;
    color: var(--bluebann);
    text-align: left;
    padding-left: 40px;
    width: 100%;
    margin-bottom: 25px;
}
.priceBoxInnerBord h5 span {
    font-size: 19px;
    color: var(--main-text);
    font-family: graphikr, arial, sans-serif;
}
/* end additions for managed hosting page */
/* additions for exclusive promo page */
.priceExc p {
    font-size: 30px;
    width: 280px;
}
.priceExc p span {
    color: var(--bann-btn);
}
.priceBoxExcSet {
    display: flex;
    padding-left: 40px;
    justify-content: flex-start;
}
.priceBoxExcSet p {
    text-align: left;
    padding: 30px 0 10px;
    font-size: 26px;
    font-family: graphikm, arial, sans-serif;
    color: var(--main-text);
    line-height: 1.2;
}
.priceBoxExcSet p small {
    font-family: graphikr, arial, sans-serif;
    color: var(--main-text);
    font-size: 21px;
    display: inline-block;
}
.promoexcsp1 {
    font-size: 34px;
    font-family: graphiksemi, arial, sans-serif;
    color: var(--bluebann);
    display: inline-block;
}
.promoexcsp3 {
    display: inline-block;
    font-size: 21px;
    color: var(--main-text);
}
.excList ul li {
    padding: 8px 0 8px 40px;
    background-position: left top 10px;
}
.priceBoxExcSupp {
    display: flex;
    align-items: center;
    margin: 25px 0 0 40px;
}
.promoExcMonth {
    font-family: graphikm, arial, sans-serif;
    font-size: 24px;
    color: var(--bluebann);
    text-align: left;
}
.promoExcMonthly1 {
    text-align: left;
    font-family: graphikm, arial, sans-serif;
    font-size: 26px;
    display: block;
    padding: 0;
    color: var(--main-text);
}
.promoExcMonthly2 {
    font-family: graphikr, arial, sans-serif;
    color: var(--main-text);
    font-size: 23px;
    display: inline-block;
}
.promoExcMonthly3 {
    font-size: 34px;
    font-family: graphiksemi, arial, sans-serif;
    color: var(--bluebann);
    display: inline-block;
}
.promoExcImg {
    margin-right: 50px;
    display: flex;
    justify-content: flex-end;
    width: 140px;
}
.promoExcImgMob {
    display: none;
}
.priceBoxBlueLine {
    width: 160px;
    border-bottom: 1px solid var(--lightblue);
    height: 3px;
    margin-left: 40px;
}
.priceBoxBonusWrap {
    margin-left: 40px;
}
.excPincl {
    text-align: left;
    font-family: graphikm, arial, sans-serif;
    font-size: 26px;
    padding: 0;
    margin-top: 30px;
    min-height: 58px;
}
.promoBonus {
    border-radius: 30px;
    display: inline-block;
    background: var(--yellow-main);
    padding: 10px 25px;
    font-size: 30px;
    text-transform: uppercase;
    color: var(--bluebann);
    margin-right: 20px;
}
.excPincl small {
    font-family: graphikr, arial, sans-serif;
}
.excAftBonusWrap {
    margin: 20px 0 50px;
    text-align: left;
}
.excAftBonusWrap h6 {
    font-family: graphiksemi, arial, sans-serif;
    font-size: 24px;
    text-transform: capitalize;
    color: var(--main-text);
    display: inline-block;
    text-align: left;
}
.excAftBonusWrap h6 span {
    color: var(--bluebann);
}
.excAftBonusWrap p {
    font-family: graphikr, arial, sans-serif;
    text-align: left;
    padding: 0 0 15px;
    color: var(--main-text);
    font-size: 24px;
}
/* end additions for exclusive promo page */
.promoLowbb {
    margin: 75px auto 0;
}
.promoLoww h3 {
    text-transform: none;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .priceListWrap .accordion span,
    .priceBoxInnerBord ul li,
    .priceBoxMid p {
        font-size: 21px;
    }
    .minUl{
      min-height: 404px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .priceBoxOuterbg {
        padding: 70px 0 50px;
    }
    .desnSolbg {
        padding: 70px 0;
    }
    .priceBoxInnerBord h3 {
        font-size: 38px;
    }
    .priceBoxInnerBord h3 span {
        display: block;
    }
    .priceBoxInnerBord h4 {
        font-size: 21px;
        padding-bottom: 35px;
    }
    .priceListWrap .accordion span {
        font-size: 18px;
    }
    .priceListWrap .panel p {
        font-size: 16px;
    }
    .priceListWrap .accordion span img {
        width: 20px;
        height: 20px;
    }
    .priceBoxInnerTop2Items h2 {
        padding-left: 15px;
    }
    .priceBoxDigit,
    .priceBoxInnerTop2Items h2 {
        font-size: 30px;
    }
    .priceBoxMid h4 {
        padding: 20px 0 15px;
    }
    .priceBoxInnerBord ul li {
        font-size: 18px;
        background-size: 20px 20px;
        padding: 8px 0 8px 30px;
    }
    .priceBoxMid p {
        font-size: 18px;
    }
    .priceBordHead p {
        font-size: 17px;
    }
    .priceBoxaddHost p {
        font-size: 17px;
        padding: 15px 25px 12px 22px;
    }
    .priceBoxMid {
        padding: 0 15px;
    }
    .priceBoxInnerBord h5 {
        padding-left: 15px;
    }
    .priceExc p {
        font-size: 30px;
    }
    .priceBoxExcSet {
        padding-left: 15px;
    }
    .priceBoxExcSupp,
    .priceBoxBonusWrap {
        margin-left: 15px;
    }
    .minUl{
      min-height: 358px;
    }
    .promoexcsp1,
    .promoExcMonthly3 {
        font-size: 32px;
    }
    .priceBoxExcSet p {
    	font-size: 23px;
    }
    .priceBoxExcSet p small,
    .promoexcsp3 {
    	font-size: 19px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .priceBoxOuterbg {
        padding: 70px 0 50px;
    }
    .desnSolbg {
        padding: 70px 0;
    }
    .priceBox3Cols {
        width: 48%;
    }
     .priceBoxInnerBord h3 {
        font-size: 38px;
    }
    .priceBoxInnerBord h3 span {
        display: block;
    }
    .priceBoxInnerBord h4 {
        font-size: 21px;
        padding-bottom: 35px;
    }
    .priceListWrap .accordion span {
        font-size: 18px;
    }
    .priceListWrap .panel p {
        font-size: 16px;
    }
    .priceListWrap .accordion span img {
        width: 20px;
        height: 20px;
    }
    .priceBordHead p {
        font-size: 19px;
    }
    .priceListWrap .accordion:after,
    .priceListWrap .active:after {
        display: inline-block;
        color: var(--bluebann);
    }
    .priceListWrap .panel {
        max-height: 0;
        overflow: hidden;
    }
    .priceListWrap .accordion {
        padding-top: 15px;
    }
    .priceListWrap {
        margin-bottom: 40px;
    }
    .priceBoxInnerTop2Items h2 {
        padding-left: 15px;
    }
    .priceBoxDigit,
    .priceBoxInnerTop2Items h2 {
        font-size: 28px;
    }
    .priceBoxMid h4 {
        padding: 20px 0 15px;
    }
    .priceBoxInnerBord ul li {
        font-size: 18px;
        background-size: 20px 20px;
        padding: 8px 0 8px 30px;
        background-position: left top 10px;
    }
    .priceBoxMid p {
        font-size: 18px;
    }
    .priceBox4Cols {
        width: 48%;
    }
    .priceBoxaddHost p {
        font-size: 21px;
        padding-bottom: 15px;
    }
    .priceExc p {
        font-size: 30px;
        padding-left: 30px;
    }
    .priceBoxExcSet {
        padding-left: 30px;
    }
    .priceBoxExcSupp,
    .priceBoxBonusWrap {
        margin-left: 30px;
    }
    .promoExcMonthly1,
    .promoExcMonthly2 {
        font-size: 21px;
    }
    .promBonus {
        font-size: 24px;
    }
    .excPincl small,
    .priceBoxExcSet p small,
    .promoexcsp3 {
        font-size: 18px;
    }
    .excAftBonusWrap h6,
    .excAftBonusWrap p {
        font-size: 19px;
    }
    .priceBoxExcSet p {
        font-size: 22px;
    }
    .minUl{
      min-height: 357px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
     .priceBoxOuterbg {
        padding: 50px 0 35px;
    }
    .desnSolbg {
        padding: 70px 0;
    }
    .priceBox3Cols {
        width: 100%;
        max-width: 480px;
    }
     .priceBoxInnerBord h3 {
        font-size: 38px;
    }
    .priceBoxInnerBord h3 span {
        display: block;
    }
    .priceBoxInnerBord h4 {
        font-size: 21px;
        padding-bottom: 35px;
    }
    .priceListWrap .accordion span {
        font-size: 18px;
    }
    .priceListWrap .panel p {
        font-size: 16px;
    }
    .priceListWrap .accordion span img {
        width: 20px;
        height: 20px;
    }
    .priceBordHead p {
        font-size: 19px;
    }
    .priceListWrap .accordion:after,
    .priceListWrap .active:after {
        display: inline-block;
        color: var(--bluebann);
    }
    .priceListWrap .panel {
        max-height: 0;
        overflow: hidden;
    }
    .priceListWrap .accordion {
        padding: 15px 30px 0;
    }
    .priceListWrap {
        margin-bottom: 40px;
    }
     .priceBoxInnerTop2Items h2 {
        padding-left: 15px;
    }
    .priceBoxDigit,
    .priceBoxInnerTop2Items h2 {
        font-size: 26px;
    }
    .priceBoxMid h4 {
        padding: 20px 0 15px;
    }
    .priceBoxInnerBord ul li {
        font-size: 18px;
        background-size: 20px 20px;
        padding: 8px 0 8px 30px;
        background-position: left top 10px;
    }
    .priceBoxMid p {
        font-size: 18px;
    }
    .priceBox4Cols {
        width: 100%;
        max-width: 440px;
    }
    .priceBoxaddHost p {
        font-size: 21px;
        padding-bottom: 15px;
    }
    .priceExc p {
        font-size: 28px;
    }
    .priceBoxExcSet {
        padding-left: 30px;
    }
    .priceBoxExcSet p {
        padding-top: 10px;
    }
    .promoExcMonthly1,
    .promoExcMonthly2 {
        font-size: 21px;
    }
    .promBonus {
        font-size: 24px;
    }
    .excPincl small,
    .priceBoxExcSet p small,
    .promoexcsp3 {
        font-size: 18px;
    }
    .excAftBonusWrap h6,
    .excAftBonusWrap p {
        font-size: 19px;
    }
    .priceBoxExcSet p {
        font-size: 22px;
    }
    .promoLowpp {
        padding-top: 35px;
    }
    .minUl{
      min-height: 357px;
    }
}
@media only screen and (max-width: 767px) {
    .priceBoxesWrap {
        display: none;
    }
    .priceBoxesMob {
        display: inline-block!important;
    }
    .priceBoxOuterbg {
        padding: 50px 0 35px;
    }
    .desnSolbg {
        padding: 70px 0;
    }
    .priceBox3Cols {
        width: 100%;
        max-width: 440px;
    }
     .priceBoxInnerBord h3 {
        font-size: 38px;
    }
    .priceBoxInnerBord h3 span {
        display: block;
    }
    .priceBoxInnerBord h4 {
        font-size: 21px;
        padding-bottom: 35px;
    }
    .priceListWrap .accordion span {
        font-size: 18px;
    }
    .priceListWrap .panel p {
        font-size: 17px;
    }
    .priceListWrap .accordion span img {
        width: 20px;
        height: 20px;
    }
    .priceBordHead p {
        font-size: 19px;
    }
    .priceListWrap .accordion:after,
    .priceListWrap .active:after {
        display: inline-block;
        color: var(--bluebann);
    }
    .priceListWrap .panel {
        max-height: 0;
        overflow: hidden;
    }
    .priceListWrap .accordion {
        padding: 15px 30px 0;
    }
    .priceListWrap {
        margin-bottom: 40px;
    }
    .priceBoxInnerBord h4 {
        padding-bottom: 20px;
    }
     .priceBoxInnerTop2Items h2 {
        padding-left: 15px;
    }
    .priceBoxDigit,
    .priceBoxInnerTop2Items h2 {
        font-size: 26px;
    }
    .priceBoxMid h4 {
        padding: 20px 0 15px;
    }
    .priceBoxInnerBord ul li {
        font-size: 18px;
        background-size: 20px 20px;
        padding: 8px 0 8px 30px;
        background-position: left top 10px;
    }
    .priceBoxMid p {
        font-size: 18px;
    }
    .priceBoxInnerBord h4 {
        font-size: 20px;
    }
    .priceBox4Cols {
        width: 100%;
        max-width: 440px;
    }
    .priceBoxaddHost p,
    .priceBoxExcSet {
        padding-left: 30px;
    }
    .priceBoxExcSet p {
        padding-top: 10px;
    }
    .priceBoxExcSupp,
    .priceBoxBonusWrap {
        margin-left: 30px;
    }
    .promBonus {
        margin-right: 10px;
    }
    .priceBoxExcSet p {
        padding-top: 10px;
    }
    .promoExcMonthly1,
    .promoExcMonthly2 {
        font-size: 21px;
    }
    .promBonus {
        font-size: 24px;
    }
    .excPincl small,
    .priceBoxExcSet p small,
    .promoexcsp3 {
        font-size: 18px;
    }
    .excAftBonusWrap h6,
    .excAftBonusWrap p {
        font-size: 19px;
    }
    .priceBoxExcSet p {
        font-size: 22px;
    }
    .promoExcImg {
        width: auto;
        margin: 0 35px 0 25px;
    }
    .promoExcImg img {
        width: 77px!important;
    }
    .promoLowpp {
        padding-top: 35px;
    }
    .minUl{
      min-height: auto;
    }
}
@media only screen and (max-width: 479px) {
    .priceBox3Cols,
    .priceBox4Cols {
        max-width: 90%;
    }
    .priceListWrap .accordion {
        padding: 15px 20px 0;
    }
    .priceListWrap .accordion:after {
        margin-left: 15px;
    }
    .priceListWrap .panel p {
        padding: 12px 0 5px;
    }
    .priceBoxInnerBord h4 {
        font-size: 18px;
    }
    .priceListWrap .active .panel {
        max-height: 128px!important;
    }
    .priceListWrap {
        margin-bottom: 80px;
    }
    .priceBoxDigit {
        width: 60px;
    }
    .priceBoxInnerBord h5 {
        padding-left: 15px;
    }
    .priceBoxMid {
        padding: 0 15px;
    }
    .priceBoxaddHost p {
        font-size: 18px;
        padding: 15px 15px 10px 15px;
    }
    .promoExcImg {
        display: none;
    }
    .promoExcImgMob {
        display: inline-block;
        width: 260px;
        background: var(--bluebann);
        padding: 10px 20px 5px;
        border-radius: 35px;
        margin: 15px 0 15px;
    }
    .priceBoxExcSupp {
        flex-direction: column;
        align-items: flex-start;
    }
    .priceBoxExcSet {
        padding-left: 15px;
    }
    .priceBoxExcSupp {
        margin-left: 15px;
    }
    .promoExcMonthly1,
    .promoExcMonthly2 {
        font-size: 18px;
    }
    .promoExcMonthly3 {
        font-size: 28px;
    }
    .promoExcImgMob p {
        font-size: 18px;
    }
    .priceBoxBonusWrap {
        margin-left: 15px;
    }
    .priceExc p {
        font-size: 21px;
        width: 220px;
    }
    .excAftBonusWrap h6,
    .excAftBonusWrap p {
        font-size: 18px;
    }
}
/*========================================================
		RV Landing page NEW
=========================================================*/
.rvnChecksMobile,
.rvnChecksPriBoxMobile,
.rvnPackIconsMobile,
.rvnPlanMobile {
    display: none!important;
}
.rvnOffStickMob,
.rvnChecksAllMobile {
    display: none;
}
.rvnBanbg {
    background: #f7f8fc;
    border-top: #dbdcde;
    padding: 90px 0;
}
.rvnBtn {
    background: var(--divider-yellow);
    border: 1px solid var(--divider-yellow);
}
.skilledBtn {
   background: var(--white);
    border: 1px solid #1e499d;
    margin-left: 30px;
}
.rvnBtn,
.skilledBtn {
    border-radius: 50px;
    padding: 20px 40px;
    display: inline-block;
    cursor: pointer;
    font-size: 26px;
    font-family: graphikm, arial, sans-serif;
    color: var(--main-text);
    text-transform: capitalize;
    text-align: center;
}
.skilledBtnWrap {
    display: flex;
    align-items: center;
}
.skilledfaqBtnsWrap {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}
.rvnBannerWrap {
    display: flex;
    align-items: center;
    padding-bottom: 90px;
}
.rvnBannerLeft {
    width: 45%;
}
.rvnBannerLeft h1 {
    font-family: graphikbold, arial, sans-serif;
    font-size: 86px;
}
.rvnBannerLeft p {
    font-size: 21px;
    line-height: 1.5;
    font-family: graphikr, arial, sans-serif;
    padding-top: 20px;
    width: 630px;
}
.rvnBannerRight {
    width: 55%;
}
.rvnBannerRight img {
    display: block;
    width: 100%;
}
.rvnBanBtnWrap {
    margin-top: 60px;
}
.expromo {
    margin: 110px auto 90px;
}
.expromoboxbg {
    background: var(--white);
}
.exprompriceBtnWrap {
    width: 90%;
    margin: 60px auto 25px;
}
.expromonewBtn {
    width: 100%;
}
.rvnChecksWrap {
}
.rvnChecksDesktop {
    width: 100%;
    display: flex;
    padding: 40px;
    border: 1px solid var(--lightblue);
    background: var(--white);
    border-radius: 20px;
    flex-wrap: wrap;
}
.rvnChecksBox,
.rvnChecksPriBox {
    width: 33.33%;
}
.rvnChecksBox {
    padding-right: 40px;
}
.rvnChecksBox .accordion {
    background: transparent;
    border: none;
    padding: 25px 20px 0;
    font-size: 21px;
    display: flex;
    align-items: center;
    width: 100%;
    color: var(--main-text);
    cursor: pointer;
    text-align: left;
    outline: none;
    font-family: graphikm, arial, sans-serif;
    transition: 0.4s;
}
.rvnChecksBox .accordion span {
    font-family: graphiksemi, arial, sans-serif;
    line-height: 1.3;
    font-size: 28px;
    display: flex;
    align-items: center;
    width: 90%;
}
.rvnChecksBox .accordion span img {
    width: 40px;
    height: 40px;
    margin-right: 20px;
}
.rvnChecksBox .panel {
    padding-bottom: 25px;
}
.rvnChecksBox .panel p {
    background: none;
    width: 100%;
    margin: 0 auto;
    line-height: 1.4;
    font-family: graphikr, arial, sans-serif;
    padding: 12px 25px 35px 80px;
    text-align: left;
    color: var(--gray);
    font-size: 24px;
}
.rvnChecksBox ul li {
        background: url('../images/newcheck.svg') no-repeat;
        background-position: left top 10px;
        background-size: 35px 35px;
        padding: 10px 0 45px 55px;
        font-size: 28px;
        font-family: graphiksemi, arial, sans-serif;
        text-transform: capitalize;
    }
    .rvnChecksBox ul li span {
        font-size: 24px;
        font-family: graphikr, arial, sans-serif;
        line-height: 1.2;
        display: block;
        text-transform: none;
        padding-top: 20px;
    }
.rvnChecksPriBox {
    border-left: 1px solid #f0f0f0;
    text-align: center;
    padding: 0 70px;
}
.rvnChecksPriBox h3 {
    font-size: 120px;
    font-family: graphiksemi, arial, sans-serif;
    color: var(--rvnblue);
}
.rvnChecksPriBox h3 span {
    font-size: 36px;
    color: var(--main-text);
}
.rvnChecksPriBox p {
    font-size: 36px;
    text-transform: capitalize;
    font-family: graphikm, arial, sans-serif;
}
.rvnCheckBtnWrap {
    margin-top: 35px;
}
.rvnChecksPriBox h4 {
    text-align: center;
    font-size: 24px;
    font-family: graphikr, arial, sans-serif;
    color: var(--rvnblue);
    text-transform: capitalize;
    margin: 25px auto;
}
.rvnChecksGuar {
    display: flex;
    justify-content:flex-end;
    align-items: center;
}
.rvnChecksGuar img {
    display: block;
    max-width: 280px;
    margin-top: 25px;
}
.rvnPackIconsbg {
    padding: 90px 0;
}
.rvnMainTit h3 {
    font-family: graphikbold, arial, sans-serif;
    font-size: 68px;
    text-transform: capitalize;
    text-align: center;
    line-height: 1.2;
}
.rvnPackIconsWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 80px;
}
.rvnPackIconsBox {
    width: 16%;
    display: flex;
    flex-direction: column;
    margin-bottom: 35px;
}
.rvnPackIconsBox img {
    display: block;
    max-width: 130px;
    margin: 0 auto;
}
.rvnPackIconsBox p {
    font-size: 26px;
    font-family: graphikr, arial, sans-serif;
    text-transform: capitalize;
    text-align: center;
    padding-top: 20px;
    line-height: 1.3;
}
.rvnPackIconsBox p span {
    display: block;
}
.rvnSitesbg {
    padding: 90px 0 120px;
    background: #f7f8fc;
}
.rvnMainTit p {
    font-size: 26px;
    font-family: graphilr, arial, sans-serif;
    text-align: center;
    max-width: 1200px;
    margin: 30px auto;
    line-height: 1.5;
}
.rvnDivibg {
    padding: 90px 0;
    background: var(--rvnblue);
}
.rvnDiviWrap {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
}
.rvnDiviLeft,
.rvnDiviRight {
    width: 50%;
}
.rvnDiviLeft {
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--white);
}
.rvnCallBtn {
    background: var(--divider-yellow);
    border-radius: 50px;
    padding: 15px 30px;
    display: inline-block;
    cursor: pointer;
    font-size: 36px;
    font-family: graphiksemi, arial, sans-serif;
    color: var(--main-text);
    text-transform: capitalize;
    text-align: center;
    max-width: 420px;
    margin: 0 auto;
}
.rvnDiviLeft p,
.rvnDiviRight p {
    color: var(--white);
    font-size: 24px;
    font-family: graphikr, arial, sans-serif;
    text-align: center;
    text-transform: capitalize;
    margin-top: 20px;
}
.rvnDiviRight {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.rvnDiviRight a {
    color: var(--divider-yellow);
    font-family: graphikbold, arial, sans-serif;
    font-size: 48px;
    text-align: center;
    display: inline-block;
}
.rvnDivihandImg {
    position: absolute;
    top: -25px;
    right: -110px;
    width: 130px;
}
.rvnHostbg {
    padding: 90px 0;
    background: #f7f8fc;
}
.rvnHostWrap {
    display: flex;
    align-items: center;
}
.rvnHostLeft,
.rvnHostRight {
    width: 50%;
}
.rvnHostLeft img {
    display: block;
    width: 100%;
}
.rvnHostRight {
    padding-left: 100px;
}
.rvnHostRight .rvnMainTit h3,
.rvnHostRight .rvnMainTit p {
    text-align: left;
}
.rvnHostRight .rvnMainTit p {
    max-width: 680px;
    margin: 30px 0;
}
.rvnOffbg {
    padding: 90px 0 120px;
}
.rvnOffpad {
    margin-bottom: 60px;
}
.rvnOffGuar {
    position: relative;
}
.rvnOffStick {
    position: absolute;
    bottom: -140px;
    left: 30px;
}
.rvnOffStick img {
    max-width: 360px;
}
.rvnOffBtnWrap {
    text-align: center;
    margin: 30px auto 0;
}
.rvnPlanWrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 90px;
}
.rvnPlanBox {
    width: 32%;
    padding: 40px;
    border: 1px solid var(--lightblue);
    border-radius: 20px;
    background: var(--white);
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 35px;
}
.rvnPlanTop {
    display: flex;
    width: 100%;
}
.rvnPlanTop h4 {
    width: 80%;
    font-size: 28px;
    font-family: graphiksemi, arial, sans-serif;
    text-transform: capitalize;
    line-height: 1.3;
}
.rvnPlanTop img {
    max-width: 80px;
    height: 80px;
}
.rvnPlanCont p {
    font-size: 24px;
    font-family: graphikr, arial, sans-serif;
    line-height: 1.3;
    padding-top: 20px;
}
.rvnDivi2bg {
    padding: 60px 0;
    background: var(--divider-yellow);
}
.rvnDivi2bg h3 {
    font-size: 42px;
    font-family: graphikbold, arial, sans-serif;
    text-transform: capitalize;
    text-align: center;
}
.rvnDivi2bg p {
    font-size: 24px;
    font-family: graphikr, arial, sans-serif;
    line-height: 1.2;
    text-align: center;
    padding: 20px 0;
}
.rvnDivi2BtnWrap {
    text-align: center;
}
.rvnChatBtn {
    background: var(--bluebann);
    color: var(--white);
}
.rvnLRbg {
    padding: 100px 0 30px;
    background: #f7f8fc;
}
.rvnLRWrap {
    display: flex;
    align-items: flex-start;
    margin-bottom: 140px;
}
.rvnLRLeft,
.rvnLRRight {
    width: 50%;
}
.rvnLRRight img {
    width: 100%;
    display: block;
}
.rvnLR h3 {
    text-align: left;
}
.rvnLRLeft p {
    font-size: 24px;
    font-family: graphikr, arial, sans-serif;
    line-height: 1.5;
    padding: 20px 0;
    max-width: 800px;
}
.rvnLRLeft ul  {
    padding-left: 20px;
}
.rvnLRLeft ul li {
    background: url('../images/rv-websites/dot.png') no-repeat;
    background-position: left top 12px;
    background-size: 7px 7px;
    font-size: 24px;
    font-family: graphikr, arial, sans-serif;
    padding: 5px 0 5px 20px;
}
.rvnrightpad {
    padding-left: 80px;
}
.rvnleftpad {
    padding-right: 80px;
}
.rvnLRBtnWrap {
    margin-top: 35px;
}
.rvnRLWrap {
    flex-direction: row-reverse;
}
.rvnFaq .accordion,
.rvnFaq .accordion span {
    font-size: 28px;
    font-family: graphiksemi, arial, sans-serif;
}
.rvnFaq .panel p {
    font-size: 24px;
    font-family: graphikr, arial, sans-serif;
}
.rvnFaq {
    margin-bottom: 100px;
    width: 1846px;
}
.rvnFaqbg {
    padding-bottom: 130px;
}
.expromoeverybg {
    margin: 110px auto 80px;
}
.exBannerLeft {
    width: 50%;
}
.exBannerRight {
    width: 50%;
}
.exBannerLeft h1 {
    font-size: 76px;
}
.exBannerLeft h2 {
    font-family: graphikbold, arial, sans-serif;
    font-size: 48px;
    line-height: 1.2;
    padding: 35px 0 20px;
    color: var(--bluebann);
}
.exBannerLeft h2 span {
    color: var(--bluebann);
}
.exBannerLeft p {
    width: 820px;
}
.expromoDivibg {
    background: var(--bluebann);
    padding: 70px 0;
}
.expromoDiviMain h3 {
    text-align: center;
    color: var(--white);
    font-family: barlowbold, arial, sans-serif;
    font-size: 64px;
    line-height: 1.1;
    text-transform: capitalize;
}
.expromoDiviMain p {
    text-align: center;
    font-size: 36px;
    color: var(--white);
    line-height: 1.2;
    font-family: graphikr, arial, sans-serif;
    padding-top: 50px;
}
.expromoDiviCont {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
.expromoDiviCRight p {
    padding-left: 20px;
}
.expromoDiviCLeft a {
    text-transform: none;
}
.expromoDiviCLeft a span {
   font-family: graphiksemi, arial, sans-serif;
}
.expromoDiviMid {
    font-size: 24px;
    color: var(--white);
    line-height: 1.2;
    font-family: graphikr, arial, sans-serif;
    padding: 0 30px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .rvnBannerRight img {
        width: 950px;
    }
    .rvnFaq {
        width: 1720px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .rvnBtn,
    .skilledBtn {
        font-size: 21px;
        padding: 15px 30px;
    }
   .rvnBannerRight img {
        width:100%;
    }
    .rvnBannerLeft h1 {
        font-size: 56px;
    }
    .rvnChecksPriBox h3 {
        font-size: 95px;
    }
    .rvnChecksPriBox h3 span {
        font-size: 30px;
    }
    .rvnChecksPriBox p {
        font-size: 28px;
    }
    .rvnChecksPriBox {
        padding: 0 30px;
    }
    .rvnChecksPriBox h4 {
        font-size: 21px;
    }
    .rvnChecksGuar img {
        max-width: 220px;
    }
    .rvnChecksWrap {
        padding: 25px 0 25px;
    }
    .rvnChecksDesktop {
        padding: 25px;
    }
    .rvnChecksBox ul li {
        font-size: 22px;
        background-size: 25px 25px;
        padding-left: 45px;
    }
    .rvnChecksBox ul li span {
        font-size: 21px;
    }
    .rvnChecksBox .accordion span {
        font-size: 18px;
    }
    .rvnChecksBox {
        padding-right: 30px;
    }
    .rvnChecksBox .panel p,
    .rvnPackIconsBox p,
    .rvnMainTit p,
    .rvnPlanCont p,
    .rvnDivi2bg p,
    .rvnLRLeft p,
    .rvnLRLeft ul li,
    .rvnFaq .panel p {
        font-size: 21px;
    }
    .rvnChecksBox .panel {
        padding-bottom: 0;
    }
    .rvnBanbg {
        padding: 60px 0;
    }
    .rvnMainTit h3 {
        font-size: 48px;
    }
    .rvnPackIconsBox img {
        max-width: 100px;
    }
    .rvnPackIconsbg,
    .rvnSitesbg,
    .rvnHostbg {
        padding: 70px 0;
    }
    .rvnMainTit p {
        max-width: 850px;
    }
    .rvnDivibg,
    .rvnDivi2bg {
        padding: 50px 0;
    }
    .rvnDiviWrap {
        width: 800px;
    }
    .rvnDivihandImg {
        right: -110px;
        width: 100px;
    }
    .rvnOffStick img {
        max-width: 280px;
    }
    .rvnPlanTop h4 {
        font-size: 24px;
    }
    .rvnPlanTop img {
        max-width: 65px;
        height: 65px;
    }
    .rvnPlanBox {
        width: 32%;
        padding: 25px;
    }
    .rvnDivi2bg h3 {
        font-size: 36px;
    }
    .rvnLRbg {
        padding: 70px 0 15px;
    }
    .rvnFaq .accordion, .rvnFaq .accordion span {
        font-size: 24px;
    }
    .skilledfaqBtnsWrap {
        margin-bottom: 50px;
    }
    .rvnFaq {
        width: 90%;
    }
    .rvnCallBtn {
        font-size: 32px;
    }
    .rvnDiviLeft p, .rvnDiviRight p {
        font-size: 21px;
    }
    .rvnDiviRight a {
        font-size: 42px;
    }
    .rvnOffStick {
        bottom: -110px;
    }
    .rvnFaqbg {
        padding-bottom: 60px;
    }
    .rvnBannerLeft p {
        width: 90%;
        font-size: 18px;
    }
    .expromo {
        margin-top: 20px;
    }
    .expromoeverybg {
        margin-top: 70px;
    }
    .exprompriceBtnWrap {
        margin-top: 35px;
    }
    .exBannerLeft h1 {
        font-size: 48px;
    }
    .exBannerLeft h2 {
        font-size: 32px;
        padding: 15px 0 0px;
    }
    .exbannerBtnWrap {
        margin-top: 30px;
    }
    .expromoDiviMain h3 {
        font-size: 58px;
    }
    .expromoDiviMain p {
        font-size: 30px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .rvnBtn,
    .skilledBtn {
        font-size: 16px;
        padding: 10px 20px;
    }
    .skilledBtn {
        margin-left: 20px;
    }
   .rvnBannerRight img {
        width: 100%;
    }
    .rvnBannerLeft h1 {
        font-size: 44px;
    }
    .rvnChecksPriBox h3 {
        font-size: 75px;
    }
    .rvnChecksPriBox h3 span {
        font-size: 26px;
    }
    .rvnChecksPriBox p {
        font-size: 24px;
    }
    .rvnChecksPriBox {
        padding: 0 20px;
    }
    .rvnChecksPriBox h4 {
        font-size: 16px;
    }
    .rvnChecksGuar img {
        max-width: 160px;
    }
    .rvnChecksWrap {
        padding: 25px 0 25px;
    }
    .rvnChecksBox .accordion span {
        font-size: 18px;
    }
    .rvnChecksBox {
        padding-right: 0;
    }
    .rvnChecksBox .accordion {
        padding: 20px 0 0;
    }
    .rvnChecksBox .panel p {
        padding: 5px 25px 5px 25px;
    }
    .rvnChecksBox .accordion span img {
        width: 20px;
        height: 20px;
    }
    .rvnOffbg {
        padding: 50px 0;
    }
    .rvnOffStick {
       position: static;
        display: block;
    }
    .rvnChecksBox .panel p,
    .rvnPackIconsBox p,
    .rvnMainTit p,
    .rvnPlanCont p,
    .rvnDivi2bg p,
    .rvnLRLeft p,
    .rvnLRLeft ul li,
    .rvnFaq .panel p {
        font-size: 16px;
    }
    .rvnChecksBox .panel {
        padding-bottom: 0;
    }
    .rvnBanbg {
        padding: 60px 0 40px;
    }
    .rvnMainTit h3 {
        font-size: 36px;
    }
    .rvnPackIconsBox img {
        max-width: 70px;
    }
    .rvnPackIconsbg,
    .rvnSitesbg,
    .rvnHostbg {
        padding: 50px 0;
    }
    .rvnMainTit p {
        max-width: 650px;
    }
    .rvnDivibg,
    .rvnDivi2bg {
        padding: 30px 0;
    }
    .rvnDiviWrap {
        width: 800px;
    }
    .rvnDivihandImg {
        right: -50px;
        width: 80px;
    }
    .rvnOffStick img {
        max-width: 280px;
    }
    .rvnPlanTop h4 {
        font-size: 18px;
    }
    .rvnPlanTop img {
        max-width: 50px;
        height: 50px;
    }
    .rvnPlanBox {
        width: 32%;
    }
    .rvnDivi2bg h3 {
        font-size: 26px;
    }
    .rvnLRRight img {
        max-width: 500px;
    }
    .rvnLRbg {
        padding: 70px 0 15px;
    }
    .rvnFaq .accordion, .rvnFaq .accordion span {
        font-size: 18px;
    }
    .rvnOffStick {
        display: none;
    }
    .rvnOffStickMob {
        display: flex;
        align-items: center;
    }
    .rvnOffStickMob img {
        width: 280px;
        margin: 0 auto;
    }
    .rvnCallBtn {
        font-size: 19px;
    }
    .rvnDiviLeft p, .rvnDiviRight p {
        font-size: 16px;
    }
    .rvnDiviRight a {
        font-size: 32px;
    }
    .rvnleftpad {
        padding-right: 35px;
    }
    .rvnrightpad {
        padding-left: 35px;
    }
    .skilledfaqBtnsWrap {
        margin-bottom: 35px;
    }
    .rvnFaq {
        width: 700px;
    }
    .rvnLRlast {
        margin-bottom: 50px;
    }
    .rvnFaqbg {
        padding-bottom: 50px;
    }
    .rvnChecksBox ul li {
        font-size: 21px;
        background-size: 25px 25px;
        padding: 10px 0 45px 35px;
    }
    .rvnChecksBox ul li span {
        font-size: 18px;
        width: 90%;
    }
    .rvnChecksDesktop {
        padding: 30px 20px;
    }
    .expromo  {
        margin: 0 auto 50px;
    }
    .expromoeverybg {
        margin: 60px auto 35px;
    }
    .rvnBannerLeft p {
        width: 90%;
        font-size: 16px;
    }
    .exbannerBtnWrap {
        margin-top: 30px;
    }
    .exprompriceBtnWrap {
        margin-top: 35px;
    }
     .exprolistTit p {
        font-size: 19px;
        max-width: 750px;
    }
     .exBannerLeft h1 {
        font-size: 38px;
    }
    .exBannerLeft h2 {
        font-size: 25px;
        padding: 15px 0 0px;
    }
    .exbannerBtnWrap {
        margin-top: 30px;
    }
    .expromoDiviMain h3 {
        font-size: 48px;
    }
    .expromoDiviMain p {
        font-size: 26px;
    }
    .expromoDivibg {
        padding: 50px 0 60px;
    }
    .expromoDiviMid {
        font-size: 21px;
        padding: 0 20px;
    }
    .expromoDiviCont {
        margin-top: 35px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .rvnBtn,
    .skilledBtn {
        font-size: 16px;
        padding: 15px 30px;
    }
   .rvnBannerRight img {
        width: 100%;
    }
    .rvnBannerLeft h1 {
        font-size: 32px;
    }
    .rvnChecksPriBox h3 {
        font-size: 56px;
    }
    .rvnChecksPriBox h3 span {
        font-size: 21px;
    }
    .rvnChecksPriBox p {
        font-size: 19px;
    }
    .rvnChecksPriBox {
        padding: 20px 20px 0;
    }
    .rvnChecksPriBox h4 {
        font-size: 16px;
        margin: 35px auto 25px;
    }
    .rvnChecksGuar img {
        max-width: 160px;
        margin-top: 0;
    }
    .rvnChecksWrap {
        padding: 25px 0 25px;
        display: flex;
        justify-content: center;
    }
    .rvnChecksBox .accordion span {
        font-size: 18px;
    }
    .rvnChecksBox {
        padding-right: 0;
    }
    .rvnChecksBox .accordion {
        padding: 20px 0 0;
    }
    .rvnChecksBox .panel p {
        padding: 5px 25px 5px 25px;
    }
    .rvnChecksBox .accordion span img {
        width: 20px;
        height: 20px;
    }
    .rvnOffbg {
        padding: 50px 0;
    }
    .rvnOffStick {
       position: static;
        display: block;
    }
    .rvnChecksBox .panel p,
    .rvnPackIconsBox p,
    .rvnMainTit p,
    .rvnPlanCont p,
    .rvnDivi2bg p,
    .rvnLRLeft p,
    .rvnLRLeft ul li,
    .rvnFaq .panel p {
        font-size: 16px;
    }
    .rvnChecksBox .panel {
        padding-bottom: 0;
    }
    .rvnBanbg {
        padding: 60px 0 40px;
    }
    .rvnMainTit h3 {
        font-size: 26px;
    }
    .rvnPackIconsBox img {
        max-width: 70px;
    }
    .rvnPackIconsbg,
    .rvnSitesbg,
    .rvnHostbg {
        padding: 50px 0;
    }
    .rvnMainTit p {
        max-width: 650px;
    }
    .rvnDivibg,
    .rvnDivi2bg {
        padding: 30px 0;
    }
    .rvnDiviWrap {
        width: 600px;
    }
    .rvnDivihandImg {
        right: -50px;
        width: 60px;
    }
    .rvnOffpad {
        margin-bottom: 35px;
    }
    .rvnOffStick img {
        max-width: 280px;
    }
    .rvnPlanWrap {
        margin-top: 35px;
    }
    .rvnPlanTop h4 {
        font-size: 18px;
    }
    .rvnPlanTop img {
        max-width: 50px;
        height: 50px;
    }
    .rvnPlanBox {
        width: 49%;
    }
    .rvnDivi2bg h3 {
        font-size: 26px;
    }
    .rvnLRRight img {
        max-width: 90%;
    }
    .rvnLRbg {
        padding: 50px 0;
    }
    .rvnFaq .accordion, .rvnFaq .accordion span {
        font-size: 18px;
    }
    .rvnFaq .accordion span {
        width: 90%;
        display: inline-block;
    }
    .rvnOffStick {
        display: none;
    }
    .rvnOffStickMob {
        display: flex;
        align-items: center;
    }
    .rvnOffStickMob img {
        width: 280px;
        margin: 0 auto;
    }
    .rvnCallBtn {
        font-size: 19px;
    }
    .rvnDiviLeft p, .rvnDiviRight p {
        font-size: 16px;
    }
    .rvnDiviRight a {
        font-size: 32px;
    }
    .rvnChecksBox {
        width: 50%;
    }
    .rvnChecksPriBox {
        width: 90%;
        margin: 0 auto 30px;
        border-left: 0;
        border-top: 1px solid #f0f0f0;
    }
    .rvnChecksGuar {
        max-width: 300px;
        margin: 0 auto;
    }
    .rvnleftpad {
        padding-right: 35px;
    }
    .rvnrightpad {
        padding-left: 35px;
    }
    .rvnLRWrap {
        margin-bottom: 50px;
    }
    .skilledBtnWrap {
        margin-top: 30px;
        flex-direction: column;
        align-items: flex-start;
    }
    .skilledBtn {
        margin-left: 0;
        margin-top: 10px;
        width: 214px;
    }
    .skilledfaqbtns {
        flex-direction: row;
        align-items: center;
        width: 90%;
        margin-bottom: 35px;
    }
    .skilledfaqbtns .skilledBtn {
        width: 250px;
        margin-left: 15px;
    }
    .rvnFaq {
        width: 100%;
    }
    .rvnBannerWrap {
        padding-bottom: 35px;
    }
    .rvnChecksBox ul li {
        font-size: 21px;
        background-size: 25px 25px;
        padding: 10px 0 45px 40px;
    }
    .rvnChecksDesktop {
        padding: 30px 20px;
        max-width: 690px;
    }
    .rvnChecksBox ul li span {
        font-size: 18px;
    }
    .rvnLRlast {
        margin-bottom: 0;
    }
    .rvnFaqbg {
        padding-bottom: 25px;
    }
     .rvnBannerLeft p {
        width: 90%;
         font-size: 16px;
    }
    .expromo {
        margin: 35px auto 40px;
    }
    .expromoeverybg {
        margin: 50px auto 30px;
    }
    .exBannerWrap {
        flex-direction: column-reverse;
    }
    .exBannerLeft,
    .exBannerRight {
        width: 100%;
    }
    .exBannerbg {
        padding-top: 35px;
    }
    .exBannerLeft {
        margin-top: 35px;
    }
    .exBannerRight img {
        max-width: 640px;
    }
    .exprompriceBtnWrap {
        margin-top: 35px;
    }
     .exBannerLeft h1 {
        font-size: 48px;
    }
    .exBannerLeft h2 {
        font-size: 31px;
        padding: 25px 0 0;
    }
    .expromoDiviMain h3 {
        font-size: 44px;
    }
    .expromoDiviMain p {
        font-size: 21px;
        padding-top: 35px;
    }
    .expromoDivibg {
        padding: 50px 0;
    }
    .expromoDiviMid {
        font-size: 19px;
        padding: 0 15px;
    }
    .expromoDiviCont {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .rvnBannerWrap {
        flex-direction: column-reverse;
        padding-bottom: 20px;
    }
    .rvnBannerLeft,
    .rvnBannerRight {
        width: 100%;
    }
   .rvnBtn,
    .skilledBtn {
        font-size: 16px;
        padding: 15px 30px;
    }
   .rvnBannerRight img {
        width: 100%;
    }
    .rvnBannerLeft h1 {
        font-size: 32px;
        text-align: center;
    }
    .rvnBanBtnWrap {
        margin: 20px auto 0;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .rvnChecksPriBox h3 {
        font-size: 70px;
    }
    .rvnChecksPriBox h3 span {
        font-size: 26px;
    }
    .rvnChecksPriBox p {
        font-size: 24px;
    }
    .rvnChecksPriBox {
        padding: 0 20px;
    }
    .rvnChecksPriBox h4 {
        font-size: 16px;
    }
    .rvnChecksGuar img {
        max-width: 160px;
        margin-top: 0;
    }
    .rvnChecksWrap {
        padding: 25px 0 25px;
    }
    .rvnChecksDesktop {
        display: none;
    }
    .rvnChecksMobile {
        display: inline-block!important;
    }
    .rvnChecksAllMobile {
        padding: 20px 20px 30px;
        border: 1px solid var(--lightblue);
        background: var(--white);
        border-radius: 20px;
        max-width: 432px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
    }
    .rvnChecksBox {
        width: 100%;
    }
    .rvnChecksBox .accordion span {
        font-size: 21px;
    }
    .rvnChecksBox {
        padding-right: 0;
    }
    .rvnChecksBox .accordion {
        padding: 20px 0 0;
    }
    .rvnChecksBox .panel p {
        padding: 5px 5px 5px 25px;
    }
    .rvnChecksBox .accordion span img {
        width: 20px!important;
        height: 20px!important;
    }
    .rvnOffbg {
        padding: 50px 0;
    }
    .rvnOffStick {
       position: static;
        display: block;
    }
    .rvnChecksBox .panel p,
    .rvnPackIconsBox p,
    .rvnMainTit p,
    .rvnPlanCont p,
    .rvnDivi2bg p,
    .rvnLRLeft p,
    .rvnLRLeft ul li,
    .rvnFaq .panel p {
        font-size: 18px;
    }
    .rvnChecksBox .panel {
        padding-bottom: 0;
    }
    .rvnBanbg {
        padding: 35px 0;
    }
    .rvnBannerLeft {
        margin-top: 35px;
    }
    .rvnMainTit h3 {
        font-size: 26px;
    }
    .rvnPackIconsBox img {
        max-width: 100px;
    }
    .rvnPackIconsbg,
    .rvnSitesbg,
    .rvnHostbg {
        padding: 50px 0;
    }
    .rvnMainTit p {
        max-width: 650px;
    }
    .rvnDivibg,
    .rvnDivi2bg {
        padding: 30px 0;
    }
    .rvnDiviWrap {
        width: 90%;
        margin: 0 auto;
        flex-direction: column;
    }
    .rvnDiviLeft, .rvnDiviRight {
        width: 100%;
    }
    .rvnDiviLeft {
        border-right: none;
    }
    .rvnDiviRight {
        margin-top: 20px;
    }
    .rvnDivihandImg {
        display: none;
    }
    .rvnOffpad {
        margin-bottom: 35px;
    }
    .rvnOffStick img {
        max-width: 280px;
    }
    .rvnPlanWrap {
        margin-top: 35px;
    }
    .rvnPlanTop h4 {
        font-size: 18px;
    }
    .rvnPlanTop img {
        max-width: 50px;
        height: 50px;
    }
    .rvnPlanBox {
        width: 100%;
        margin-top: 35px;
    }
    .rvnDivi2bg h3 {
        font-size: 26px;
    }
    .rvnLRRight img {
        max-width: 90%;
    }
    .rvnLRlast {
        margin-bottom: 0;
    }
    .rvnLRbg {
        padding: 50px 0 0;
    }
    .rvnFaq .accordion, .rvnFaq .accordion span {
        font-size: 18px;
        line-height: 1.3;
    }
    .rvnOffStick {
        display: none;
    }
    .rvnOffStickMob {
        display: flex;
        align-items: center;
    }
    .rvnOffStickMob img {
        width: 280px;
        margin: 20px auto 0;
    }
    .rvnCallBtn {
        font-size: 21px;
    }
    .rvnDiviLeft p, .rvnDiviRight p {
        font-size: 18px;
    }
    .rvnDiviRight a {
        font-size: 32px;
    }
    .rvnHostWrap {
        flex-direction: column;
    }
    .rvnHostLeft, .rvnHostRight {
        width: 100%;
    }
    .rvnHostRight {
        padding-left: 0;
        margin-top: 35px;
    }
    .rvnChecksBox {
        width: 100%;
    }
    .rvnChecksPriBox {
        width: 50%;
        margin: 50px auto 30px;
        border-left: 0;
    }
    .rvnChecksGuar {
        justify-content: flex-end;
        padding-right: 45px;
    }
    .rvnChecksPriBoxMobile {
        display: inline-block!important;
        width: 95%;
        padding-top: 35px;
        border-top: 1px solid #f0f0f0;
        margin: 35px auto 0;
    }
    .rvnChecksPriBoxMobile h3 {
        font-size: 54px;
        font-family: graphiksemi, arial, sans-serif;
        color: var(--rvnblue);
    }
    .rvnChecksPriBoxMobile h3 span {
        font-size: 21px;
        color: var(--main-text);
    }
    .rvnChecksPriBoxMobile p {
        font-size: 18px;
        text-transform: capitalize;
        font-family: graphikm, arial, sans-serif;
    }
    .rvnChecksPriBoxMobile h4 {
        text-align: center;
        font-size: 16px;
        font-family: graphikr, arial, sans-serif;
        color: var(--rvnblue);
        text-transform: capitalize;
        margin: 25px auto 15px;
    }
    .rvnPackIconsDesktop,
    .rvnPlanDesktop {
        display: none;
    }
    .rvnPackIconsMobile,
    .rvnPlanMobile {
        display: inline-block!important;
    }
    .rvnPackIconsBox {
        width: 100%;
        margin-top: 35px;
    }
    .rvnLRWrap {
        flex-direction: column-reverse;
        margin-bottom: 0;
        padding-bottom: 35px;
    }
    .rvnLRLeft, .rvnLRRight {
        width: 100%;
    }
    .rvnLRLeft {
        margin-top: 20px;
    }
    .rvnleftpad {
        padding-right: 0;
    }
    .rvnrightpad {
        padding-left: 0;
    }
    .skilledfaqbtns {
        flex-direction: row;
        align-items: center;
        width: 90%;
        margin-bottom: 35px;
    }
    .skilledfaqbtns .skilledBtn {
        width: 250px;
        margin-left: 15px;
    }
    .rvnFaq {
        width: 100%;
        margin-bottom: 35px;
    }
    .rvnFaqbg {
        padding-bottom: 25px;
    }
    .rvnChecksPriBoxWrapMobile {
        text-align: center;
    }
    .expromo {
        margin: 35px auto 40px;
    }
    .expromoeverybg {
        margin: 50px auto 30px;
    }
    .exBannerWrap {
        flex-direction: column-reverse;
    }
    .exBannerLeft,
    .exBannerRight {
        width: 100%;
    }
    .exBannerbg {
        padding-top: 35px;
    }
    .exBannerLeft {
        margin-top: 35px;
    }
    .rvnBannerLeft p {
        width: 100%;
        font-size: 18px;
    }
    .exprompriceBtnWrap {
        margin-top: 35px;
    }
    .exBannerLeft h1 {
        font-size: 38px;
        text-align: left;
    }
    .exBannerLeft h2 {
        padding: 15px 0 0;
        font-size: 24px;
    }
    .expromoDivibg {
        padding: 50px 0;
    }
    .expromoDiviMid {
        font-size: 18px;
        padding: 15px;
    }
    .expromoDiviCont {
        margin-top: 30px;
        flex-direction: column;
    }
    .expromoDiviMain h3 {
        font-size: 44px;
    }

}
@media only screen and (max-width: 479px) {
     .rvnChecksWrap {
        padding: 25px 0 25px;
    }
    .rvnChecksBox .accordion span {
        font-size: 18px;
    }
    .rvnDiviLeft p, .rvnDiviRight p {
        margin-top: 10px;
    }
    .rvnHostRight {
        padding: 0 0 0 20px;
    }
    .rvnPlanBox,
    .rvnLRLeft {
        width: 100%;
        margin: 30px auto;
    }
    .rvnMainTit p {
        width: 90%;
    }
    .skilledBtnWrap {
        flex-direction: column;
    }
    .skilledBtn {
        margin: 10px 0 0 0;
        width: 214px;
    }
    .rvnChecksAllMobile {
        max-width: 288px;
    }
    .rvnChecksGuar {
        padding-right: 0;
    }
    .exprompriceBtnWrap {
        margin: 0 0 25px 15px;
        width: 260px;
    }
    .exBannerLeft h1 {
        font-size: 28px;
    }
    .expromoDiviMain h3 {
        font-size: 36px;
    }
    .expromo h3 span {
        display: block;
    }
    .exBannerLeft h2 {
        font-size: 20px;
    }
    .rvnMainTit h3 {
        max-width: 90%;
        margin: 0 auto;
    }
}
/*========================================================
		BACK TO TOP
=========================================================*/
.toTop {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.to-top {
  height: 60px;
  width: 60px;
  position: fixed;
  bottom: 120px;
  right: 20px;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(254, 203, 26, 0.9) url(../images/to-top-arrow.svg) no-repeat
    center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index: 10000;
}
.to-top.cd-is-visible,
.to-top.to-fade-out,
.no-touch .to-top:hover {
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.to-top.to-is-visible {
  visibility: visible;
  opacity: 1;
}
.to-top.to-fade-out {
  opacity: 0.5;
}
.no-touch .to-top:hover {
  background-color: #ee514a;
  opacity: 1;
}
@media only screen and (max-width: 1024px) {
  .to-top {
    display: inline-block;
    height: 50px;
    width: 50px;
    bottom: 25px;
  }
}

/*========================================================
  Read More 2 for package lists (we have 1 in index too)
=========================================================*/
/* Ewa: I changed  on 11/09/24 @ 2:40am EST */
.read-more2{
  display: block;
  font-family: BarlowBold, arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 40px;
  text-align: left;
  cursor: pointer;
}
.read-more2:hover{cursor: pointer;}
.read-opened2 .read-more2{margin-top: 20px !important;}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .read-more2{
    margin-left: 20px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .read-more2 {
        margin-left: 20px;
    }
    .managedReadmore {
        margin-bottom: 40px;
        margin-left: 35px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .managedReadmore {
        margin-bottom: 40px;
        margin-left: 35px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .managedPriBox .mnghostTwo {
        min-height: 440px;
    }
    .managedReadmore {
        margin-bottom: 40px;
        margin-left: 35px;
    }
}
@media only screen and (max-width: 767px) {
    .managedReadmore {
        margin-bottom: 45px;
    }
}

/*========================================================
   How it Works - new look
=========================================================*/
.hwPage{
  padding: 100px 0;
}
.hwSize{
  width: 66%;
  margin: 0 auto;
}
.hwTitle h1{
  font-family: 'graphikbold', arial, sans-serif;
  font-size: 64px;
  text-align: center;
}
.hwTitle h1 span{
  display: block;
}
.hwTitle p{
  font-family: 'graphikr', arial, sans-serif;
  font-size: 26px;
  line-height: 1.4;
  width: 60%;
  margin: 30px auto 0;
  text-align: center;
}

.hwGray{
  background: #f7f8fc;
  padding: 125px 0;
}
.hwRecWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.hwRecRever{
  flex-direction: row-reverse;
}
.hwRecTop{
  margin: 120px 0 0;
}
.hwRecImg{
  width: 50%;
}
.hwRecImg img{
  width: 100%;
  height: auto;
  border-radius: 15px;
}
.hwRecText{
  width: 46%;
  padding: 30px 0 0;
}
.hwRecText h2{
  font-family: 'graphikbold', arial, sans-serif;
  font-size: 58px;
}
.hwRecText p{
  font-family: 'graphikr', arial, sans-serif;
  font-size: 26px;
  line-height: 1.4;
  margin: 25px 0 0;
}
.hwRecText ul{
  margin: 25px 0 0;
}
.hwRecText ul li {
	background: url("../images/howitworks/circle.png") no-repeat;
	background-position: left top 18px;
	background-size: 6px 6px;
  font-family: 'graphikr', arial, sans-serif;
	font-size: 26px;
  line-height: 1.4;
	padding: 4px 0 4px 20px;
  text-transform: none;
}
.hwRecBtnPlace{
  margin: 25px 0 0;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .hwSize {
  	width: 77%;
  }
  .hwTitle h1 {
  	font-size: 60px;
  }
  .hwRecText h2 {
  	font-size: 50px;
  }
  .hwTitle p,
  .hwRecText p,
  .hwRecText ul li {
  	font-size: 22px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .hwGray {
  	padding: 100px 0;
  }
  .hwPage {
  	padding: 80px 0;
  }
  .hwSize {
  	width: 85%;
  }
  .hwTitle p {
  	font-size: 19px;
  	width: 56%;
  }

  .hwTitle h1 {
  	font-size: 46px;
  }
  .hwRecText h2 {
  	font-size: 38px;
  }
  .hwTitle p,
  .hwRecText p,
  .hwRecText ul li {
  	font-size: 19px;
  }

}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .hwGray {
  	padding: 80px 0;
  }
  .hwPage {
  	padding: 80px 0;
  }
  .hwRecTop {
  	margin: 80px 0 0;
  }
  .hwSize {
  	width: 95%;
  }
  .hwTitle p {
  	font-size: 19px;
  	width: 74%;
  }

  .hwTitle h1 {
  	font-size: 46px;
  }
  .hwRecText h2 {
  	font-size: 32px;
  }
  .hwTitle p,
  .hwRecText p,
  .hwRecText ul li {
  	font-size: 18px;
  }
  .hwRecBtnPlace {
  	margin: 20px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hwGray {
  	padding: 80px 0;
  }
  .hwPage {
  	padding: 80px 0;
  }
  .hwSize {
  	width: 95%;
  }
  .hwTitle p {
  	font-size: 19px;
  	width: 88%;
  }
  .hwTitle h1 {
  	font-size: 36px;
  }
  .hwRecImg,
  .hwRecText{
    width: 100%;
  }
  .hwRecText h2 {
  	font-size: 32px;
  }
  .hwTitle p,
  .hwRecText p,
  .hwRecText ul li {
  	font-size: 18px;
  }
  .hwRecBtnPlace {
  	margin: 20px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .hwGray,
  .hwPage {
  	padding: 60px 0;
  }
  .hwSize {
  	width: 90%;
  }
  .hwTitle p {
  	font-size: 19px;
  	width: 88%;
  }
  .hwTitle h1 {
  	font-size: 34px;
  }
  .hwRecImg,
  .hwRecText{
    width: 100%;
  }
  .hwRecText h2 {
  	font-size: 28px;
  }
  .hwTitle p,
  .hwRecText p,
  .hwRecText ul li {
  	font-size: 18px;
  }
  .hwRecTop{
    margin: 80px 0 0;
  }
  .hwRecBtnPlace {
  	margin: 20px 0 0;
  }
}

/*========================================================
   How it Works - Complex Services
=========================================================*/
.compServ{
  background: #f8f5f0;
  padding: 100px 0;
}
.compServTitle h2 {
	font-family: graphikbold, arial, sans-serif;
	font-size: 64px;
	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{
  font-family: graphikr, arial, sans-serif;
  font-size: 23px;
}
.compServBox p span{
  display: block;
  font-family: graphikbold, arial, sans-serif;
  font-size: 30px;
  width: 90%;
  margin: 0 auto 25px;
}
@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;
  }
  .compServBox p {
  	font-size: 19px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .compServTitle h2 {
  	font-size: 46px;
  }
  .compServBox p span {
  	font-size: 23px;
  }
  .compServBox p {
  	font-size: 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .compServTitle h2 {
  	font-size: 36px;
  }
  .compServBox {
  	width: 45%;
  }
  .compServBox p span {
  	font-size: 23px;
  }
  .compServBox p {
  	font-size: 19px;
  }
}
@media only screen and (max-width: 767px) {
  .compServ {
  	padding: 60px 0;
  }
  .compServTitle h2 {
  	font-size: 34px;
  }
  .compServBox {
  	width: 100%;
  }
  .compServBox p span {
  	font-size: 23px;
  }
  .compServBox p {
  	font-size: 19px;
  }
}

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