@import url("https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Alex+Brush&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  line-height: 1;
}
.no-scroll {
  overflow: hidden;
}
:root {
  --primary1: #094a25ff;
  --primary2: #0c6b37ff;
  --primary3: #f8b324ff;
  --primary4: #eb442cff;
  --primary5: #bc2023ff;
  --black0: #000;
  --black1: #111;
  --black2: #222;
  --black3: #333;
  --black4: #444;
  --black5: #555;
  --grey1: #ccc;
  --grey2: #ddd;
  --grey3: #eee;
  --grey4: #f1f1f1;
  --grey5: #f7f7f7;
  --white: #fff;
}
:root.dark {
  background: rgba(25, 25, 25, 0.998);
}
html {
  background: rgba(49, 63, 87, 0.1);
  height: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body {
  color: #282d2f;
  font-family: "Alegreya Sans", sans-serif;
  font-size: 1em;
  font-weight: 400;
  overflow-x: hidden;
}
img {
  width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Prompt", sans-serif;
  line-height: 1.2;
}
h4,
h5,
h6 {
  line-height: 1.5;
}
h1 {
  font-weight: 800;
}
h2 {
  font-weight: 700;
}
h3 {
  font-weight: 600;
}
h4 {
  font-weight: 500;
}
h5 {
  font-weight: 400;
  letter-spacing: -0.02em;
}
h6 {
  font-weight: 300;
}
.fw9 {
  font-weight: 900;
}
.fw8 {
  font-weight: 800;
}
.fw7 {
  font-weight: 700;
}
.fw6 {
  font-weight: 600;
}
.fw5 {
  font-weight: 500;
}
.fw4 {
  font-weight: 400;
}
.sesha {
  font-family: "Prompt", sans-serif;
  font-weight: 700;
  color: var(--primary3);
}
.lh10 {
  line-height: 1;
}
.lh15 {
  line-height: 1.5;
}
.lh16 {
  line-height: 1.6;
}
.lh18 {
  line-height: 1.8;
}
a,
.link {
  color: var(--primary2);
  font-family: "Prompt", sans-serif;
  text-decoration: none;
  cursor: pointer;
  font-size: 1em;
}
b,
strong,
.bold {
  font-weight: 600;
}
a:hover,
.link:hover {
  color: var(--primary4);
}
p {
  line-height: 1.4;
  margin-bottom: 10px;
}
ul li {
  list-style: disc;
  line-height: 1.8;
  margin-left: 15px;
}
ul.nolist li {
  list-style: none;
}
fieldset {
  border: none;
}
input[type="email"],
input[type="url"],
input[type="date"],
input[type="text"],
input[type="password"] {
  border-radius: 3px;
  border: 1px solid #ddd;
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  height: 40px;
  padding: 0 10px;
  width: 100%;
  left: 0;
  background: transparent;
  color: #272727;
  background-clip: text;
}
input[type="date"] {
  width: auto;
  border: 1px solid #ddd;
}
input[type="email"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="text"]:focus,
input[type="password"]:focus {
  outline: none;
  border: 1px solid #500055;
}
input[type="checkbox"] {
  accent-color: var(--primary4);
}
select {
  background: #fff;
  border-radius: 3px;
  border: 1px solid #ddd;
  color: #555;
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  height: 40px;
  padding: 0 10px;
  width: 100%;
}
select:hover {
  background: #fff;
  cursor: pointer;
}
select:focus,
textarea:focus {
  border-color: var(--primary2);
}
select:disabled {
  cursor: default;
}
.option select {
  height: 32px;
}
textarea {
  border: 1px solid #ddd;
  height: 100px;
  max-height: 220px;
  min-height: 100px;
  padding: 7px;
  resize: vertical;
  width: 100%;
  border-radius: 5px;
  font-size: 14px;
  font-family: "Prompt", sans-serif;
}
.searchForm input:focus,
.searchForm select:focus,
.searchForm textarea:focus {
  border: none;
}
.primary1BG {
  background-color: var(--primary1);
}
.primary2BG {
  background-color: var(--primary2);
}
.primary3BG {
  background-color: var(--primary3);
}
.primary4BG {
  background-color: var(--primary4);
}
.primary5BG {
  background-color: var(--primary5);
}
.black2BG {
  background-color: var(--black2);
}
.black3BG {
  background-color: var(--black3);
}
.grey1BG {
  background: var(--grey1);
}
.grey2BG {
  background: var(--grey2);
}
.grey3BG {
  background: var(--grey3);
}
.grey4BG {
  background: var(--grey4);
}
.whiteBG {
  background-color: var(--white);
}
.primary1C {
  color: var(--primary1);
}
.primary2C {
  color: var(--primary2);
}
.primary3C {
  color: var(--primary3);
}
.primary4C {
  color: var(--primary4);
}
.primary5C {
  color: var(--primary5);
}
.black2C {
  color: var(--black2);
}
.black3C {
  color: var(--black3);
}
.black4C {
  color: var(--black4);
}
.black5C {
  color: var(--black5);
}
.white {
  color: #fff;
}
.bs1 {
  box-shadow: 1px 1px 1px 0 #333;
}
.bs2 {
  box-shadow: 1px 1px 3px -1px #555;
}
.ts1 {
  text-shadow: 1px 1px 1px #000;
}
.bb1 {
  border-bottom: 1px solid #eee;
}
.b0 {
  border: none;
}
.uc {
  text-transform: uppercase;
}
.cap {
  text-transform: capitalize;
}
.b1 {
  border: 1px solid #ccc;
}
.b2 {
  border: 1px solid #ddd;
}
.b3 {
  border: 1px solid #eee;
}
.disabled {
  pointer-events: none;
}
button.disabled {
  background: #999;
}
#mainOverlay {
  z-index: 2;
}
#mainOverlay.small {
  height: 0%;
  opacity: 0;
}
.messages {
  left: 25%;
  top: -150px;
  transition: top 0.2s;
  width: 50%;
  text-align: center;
  z-index: 3;
  font-family: "Prompt", sans-serif;
}
.messages.show {
  top: 47px;
}
.alert.alert-warning {
  background: #feb81c;
  color: #2f2f2f;
}
.alert.alert-info {
  background: #feb81c;
  color: #2f2f2f;
}
.alert.alert-error {
  background: #ac0012;
  color: #fff;
}
.alert.alert-success {
  background: var(--primary1);
  color: #fff;
}
.alert {
  padding: 15px;
  font-size: 16px;
  text-align: center;
  border-radius: 0 0 7px 7px;
}
.jsMessages {
  background: var(--primary5);
  width: 70%;
  left: 15%;
  top: -100px;
  height: 50px;
  border-radius: 0 0 5px 5px;
  transition: top 0.2s;
  z-index: 50;
  padding-top: 7px;
}
.jsMessages.show {
  top: 0;
}
.jsmessage {
  color: #fff;
  font-size: 22px;
  text-align: center;
}
.pc .closeSearch {
  display: none;
}
.f9 {
  font-size: 0.9rem;
}
.f10 {
  font-size: 1rem;
}
.f11 {
  font-size: 1.1rem;
}
.f12 {
  font-size: 1.2rem;
}
.f13 {
  font-size: 1.3rem;
}
.f14 {
  font-size: 1.4rem;
}
.f16 {
  font-size: 1.6rem;
}
.f17 {
  font-size: 1.7rem;
}
.f18 {
  font-size: 1.8rem;
}
.f19 {
  font-size: 1.9rem;
}
.f20 {
  font-size: 2rem;
}
.f22 {
  font-size: 2.2rem;
}
.f23 {
  font-size: 2.3rem;
}
.f24 {
  font-size: 2.4rem;
}
.f25 {
  font-size: 2.5rem;
}
.f26 {
  font-size: 2.6rem;
}
.f28 {
  font-size: 2.8rem;
}
.f30 {
  font-size: 3rem;
}
.f32 {
  font-size: 3.2rem;
}
.f36 {
  font-size: 3.6rem;
}
.f40 {
  font-size: 4rem;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.floatL {
  float: left;
}
.floatR {
  float: right;
}
.flex,
.horizontal {
  display: flex;
}
.between {
  justify-content: space-between;
}
.around {
  justify-content: space-around;
}
.wrap {
  flex-wrap: wrap;
}
.alignC {
  align-items: center;
}
.alignS {
  align-items: flex-start;
}
.alignE {
  align-items: flex-end;
}
.justC {
  justify-content: center;
}
.justE {
  justify-content: end;
}
.block {
  display: block;
}
.p1 {
  padding: 1px;
}
.p3 {
  padding: 3px;
}
.p5 {
  padding: 5px;
}
.p5-0 {
  padding: 5px 0;
}
.p0-5 {
  padding: 0 5px;
}
.p7 {
  padding: 7px;
}
.p8 {
  padding: 8px;
}
.p10 {
  padding: 10px;
}
.p15-0 {
  padding: 15px 0px;
}
.p0-10 {
  padding: 0 10px;
}
.p10-0 {
  padding: 10px 0;
}
.p20-0 {
  padding: 20px 0;
}
.p30-0 {
  padding: 30px 0;
}
.p0-30 {
  padding: 0 30px;
}
.p50-0 {
  padding: 50px 0;
}
.p100-0 {
  padding: 100px 0;
}
.p15 {
  padding: 15px;
}
.p20 {
  padding: 20px;
}
.p30 {
  padding: 30px;
}
.p50 {
  padding: 50px;
}
.p5-20 {
  padding: 5px 20px;
}
.p5-15 {
  padding: 5px 15px;
}
.p10-20 {
  padding: 10px 20px;
}
.p20-5 {
  padding: 20px 5px;
}
.p20-10 {
  padding: 20px 10px;
}
.pb5 {
  padding-bottom: 5px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb100 {
  padding-bottom: 100px;
}
.pl20 {
  padding-left: 20px;
}
.pl30 {
  padding-left: 30px;
}
.pl50 {
  padding-left: 50px;
}
.pr20 {
  padding-right: 20px;
}
.auto {
  margin: auto;
}
.page {
  margin-top: 52px;
}
.mr5 {
  margin-right: 5px;
}
.mr15 {
  margin-right: 15px;
}
.ml5 {
  margin-left: 5px;
}
.mb5 {
  margin-bottom: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb70 {
  margin-bottom: 70px;
}
.mb100,
.mmb100 {
  margin-bottom: 100px;
}
.mb150 {
  margin-bottom: 150px;
}
.mb200 {
  margin-bottom: 200px;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt50 {
  margin-top: 50px;
}
.ml10 {
  margin-left: 10px;
}
.mc {
  width: max-content;
}
.col7 {
  width: 14.285714286%;
}
.col8 {
  width: 12.5%;
}
.col11 {
  width: 11.111111111%;
}
.col15 {
  width: 15%;
}
.col16 {
  width: 16.66666%;
}
.col20 {
  width: 20%;
}
.col25 {
  width: 25%;
}
.col30 {
  width: 30%;
}
.col33 {
  width: 33.333333%;
}
.col35 {
  width: 35%;
}
.col40 {
  width: 40%;
}
.col50 {
  width: 50%;
}
.col55 {
  width: 55%;
}
.col60 {
  width: 60%;
}
.col65 {
  width: 65%;
}
.col70 {
  width: 70%;
}
.col75 {
  width: 75%;
}
.col80 {
  width: 80%;
}
.col90 {
  width: 90%;
}
.col100 {
  width: 100%;
}
.w100 {
  width: 100px;
}
.w150 {
  width: 150px;
}
.w180 {
  width: 180px;
}
.w200 {
  width: 200px;
}
.w220 {
  width: 220px;
}
.w250 {
  width: 250px;
}
.w280 {
  width: 280px;
}
.w300 {
  width: 300px;
}
.w320 {
  width: 320px;
}
.w350 {
  width: 350px;
}
.w380 {
  width: 380px;
}
.w400 {
  width: 400px;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.br3 {
  border-radius: 3px;
}
.br5 {
  border-radius: 5px;
}
.br7 {
  border-radius: 7px;
}
.br10 {
  border-radius: 10px;
}
.br50 {
  border-radius: 50px;
}
button {
  color: #fff;
  border: 1px solid transparent;
  cursor: pointer;
  min-width: 80px;
  transition: all 0.2s;
}
.button:hover,
button:hover {
  background: var(--black3);
  border: 1px solid var(--black3);
  color: var(--primary3);
}
.pointer {
  cursor: pointer;
}
#register-btn:disabled,
button:disabled {
  pointer-events: none;
  background: #c7c7c7;
}
.h50 {
  min-height: 50px;
}
.h60 {
  min-height: 60px;
}
.h70 {
  min-height: 70px;
}
.h80 {
  min-height: 80px;
}
.h100 {
  min-height: 100px;
}
.h120 {
  min-height: 120px;
}
.h150 {
  min-height: 150px;
}
.h180 {
  min-height: 180px;
}
.h200 {
  min-height: 200px;
}
.h250 {
  min-height: 250px;
}
.h300 {
  min-height: 300px;
}
.h500 {
  min-height: 500px;
}
.mh100 {
  max-height: 100px;
}
.mh120 {
  max-height: 100px;
}
.mh150 {
  max-height: 150px;
}
.mh200 {
  max-height: 200px;
}
.mh550 {
  max-height: 550px;
}
.contain {
  object-fit: contain;
}
.cover {
  object-fit: cover;
}
.fitTop {
  object-position: top;
}
.description {
  min-height: 55px;
}
#mobileSearch {
  width: 64%;
  z-index: 31;
  top: 5px;
  left: 18%;
  margin: auto;
}
#sesha-logo img {
  width: 40px;
  margin: 0 3px;
}
.home .toplogo {
  top: -50px;
  transition: top 0.2s;
}
.home .toplogo.active {
  top: 6px;
}
header {
  background: #fff;
  width: 100%;
  top: 0;
  padding: 5px 15px;
  z-index: 25;
  transition: top 0.3s;
  align-items: center;
  height: 55px;
  transition: background 0.3s ease;
  box-shadow: 0 -1px 3px 0 #070707;
}
.home header {
  background: none;
  box-shadow: none;
}
header.small {
  top: 0;
}
header.active {
  top: -80px;
}
#topMenuBtn:hover circle,
.svgWrap.active circle {
  fill: var(--black3);
}
#appsSubMenu {
  background: #fff;
  border-radius: 0 0 7px 7px;
  top: 46px;
  box-shadow: 0px 3px 4px -1px #333;
  display: none;
  width: 300px;
  right: 0;
}
#appsSubMenu.show {
  display: block;
}
.iconImg {
  width: 50px;
  padding: 8px;
  margin: auto;
  border-radius: 4px;
}
.iconImg:hover {
  background: var(--black2);
}
#topMenuBtn {
  padding: 3px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  position: relative;
  top: 0.08em;
}
.searchButton {
  height: 35px;
  width: 32px;
}
#userMenuMain li {
  min-width: 80px;
  text-align: center;
  display: flex;
  align-items: center;
}
#userMenuMain li.ml5 {
  margin-left: 5px;
}
#mainSearch {
  width: 65%;
  margin: auto;
  border: none;
}
#cart_icon:hover {
  fill: var(--black2);
}
#userMenuMain li a {
  padding: 8px;
  display: block;
  min-width: 90px;
}
#userMenuMain li a:hover {
  background: var(--black1);
  color: var(--primary3);
}
#userMenuMain .userSubMenu a:hover .profile-icon svg circle,
#userMenuMain .userSubMenu a:hover .profile-icon svg path,
#userMenuMain .userSubMenu a:hover .biz-icon svg {
  stroke: #fff;
}
#userMenuMain .userSubMenu a:hover .usermenu-icon svg,
#userMenuMain .userSubMenu a:hover .profile-icon svg path {
  fill: #fff;
}
.registerLink a {
  background: var(--primary1);
  color: #fff;
  border-radius: 3px;
}
.loginLink a {
  background: var(--primary3);
  color: var(--black3);
  border-radius: 3px;
}
.userSub.show {
  display: block;
}
.icon.active .iconImg {
  background: var(--black3);
}
.icon.active {
  color: var(--orange);
}
.searchForm input,
.searchForm select {
  border: none;
  appearance: none;
  -moz-appearance: none;
  height: 40px;
  border-radius: 0;
}
#topSearchBtn {
  height: 40px;
  width: 101%;
  border-radius: 0 5px 5px 0;
}
.photoCredit {
  z-index: 15;
  width: 40%;
  font-size: 10px;
  left: 30%;
  text-align: center;
  top: 3px;
  display: none;
}
.advertisement img {
  height: 100%;
  object-fit: cover;
}
#frontPage {
  height: 100%;
  margin-top: 0;
}
#search {
  border: none;
}
.sloaderWrap {
  width: 100%;
  height: 240px;
  display: none;
  align-items: center;
  justify-content: center;
}
.sloaderWrap.show {
  display: flex;
}
.sloader {
  width: 35px;
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #00546fff;
  --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@keyframes l3 {
  to {
    transform: rotate(1turn);
  }
}
#searchForm {
  opacity: 0;
}
#typeInput::placeholder {
  color: #555;
  opacity: 1;
}
#typeInput {
  text-transform: capitalize;
  border: none;
  pointer-events: none;
}
input,
textarea {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
#categoryListContainer {
  right: 0;
  top: 40px;
  display: none;
  border-radius: 0 0 5px 0;
  background-color: #fff;
  height: 351px;
  overflow: auto;
  width: 80%;
  padding: 0 3px;
  box-shadow: 0 1px 3px -1px #333;
  scrollbar-width: thin;
}
#categoryListContainer.show {
  display: block;
}
.categoryList {
  display: none;
}
.categoryList.show {
  display: flex;
}
.searchCategory {
  background-color: var(--primary1);
}
.servTitle:hover,
.servTitle.active,
.catTitle:hover,
.catTitle.active {
  background-color: var(--black2);
  color: var(--primary3);
}
.searchCategory h4,
.cityname {
  color: #fff;
  font-size: 0.8em;
  font-weight: 400;
}
#chosenLocation {
  border-left: 1px solid #ccc;
}
#chosenLocation h4,
#chosenType h4 {
  height: 40px;
  display: flex;
  align-items: center;
  color: #555;
  padding-left: 10px;
  cursor: default;
  font-size: 15px;
  line-height: 1.1;
}
#chosenType,
#chosenLocation {
  height: 40px;
  width: 100%;
  z-index: 2;
}
#chosenType {
  border-right: 1px solid #ccc;
}
#s .col {
  height: 40px;
}
#cityListContainer {
  left: 0;
  top: 40px;
  background: #fff;
  padding: 0 3px;
  display: none;
  height: 351px;
  border-radius: 0 0 0 5px;
  max-height: 351px;
  overflow: auto;
  scrollbar-width: thin;
}
#frontPage #cityListContainer {
  width: 75%;
}
#cityListContainer.show {
  display: block;
}
.city {
  background: var(--primary1);
  color: #fff;
  cursor: pointer;
  margin: 0 1px 1px;
}
.city:hover {
  background: var(--black2);
  color: var(--primary3);
}
#typesList,
#provinceList {
  height: 350px;
  overflow: auto;
  scrollbar-width: thin;
  text-align: left;
  top: 40px;
  display: none;
  z-index: 4;
  transition: all 0.1s;
  background: #fff;
}
#typesList {
  border-radius: 0 0 0 5px;
  left: 0;
  width: 100%;
  box-shadow: -1px 2px 4px -2px #333;
}
#provinceList {
  border-radius: 0 0 5px 0;
  right: 0px;
  width: 100%;
}
.serviceListName {
  width: 25%;
}
.home #cityListContainer .cityListName,
.home #categoryListContainer .categoryListName {
  width: 25%;
}
.home #categoryListContainer .serviceListName {
  width: 50%;
}
#categoryListContainer .categoryListName {
  width: 16.66666%;
}
#typesList.show,
#provinceList.show {
  display: block;
}
#provinceList li,
#typesList li {
  padding: 5px 10px;
  cursor: pointer;
}
#typesList li:hover,
#provinceList li:hover {
  background-color: var(--primary1);
  color: #fff;
}
#cityList li {
  font-family: "Prompt", sans-serif;
  font-size: 0.85em;
}
.cityCol {
  width: 50%;
}
#mobileSearch .cityCol {
  width: 25%;
}
#typesList h5,
#provinceList h5 {
  font-size: 0.85em;
  font-weight: 400;
}
.passPhrase {
  top: 30px;
  display: none;
}
.passPhrase.show {
  display: block;
}
.letter img {
  max-width: 80px;
  animation-duration: 4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  margin: 0 3px;
}
#s1 {
  animation: spincw 120s linear infinite;
}
#e {
  animation: spinccw 120s linear infinite;
}
#s2 {
  animation: spincw 120s linear infinite;
}
#h {
  animation: spinccw 120s linear infinite;
}
#a {
  animation: spincw 120s linear infinite;
}
.letter.o2 {
  top: 10px;
  transition: top 0.8s;
}
.letter.a {
  top: -15px;
  transition: top 2s;
}
.letter.g {
  top: 8px;
  transition: top 0.8s;
}
.letter.o1 {
  top: -18px;
  transition: top 0.8s;
}
.letter.w {
  top: 15px;
  transition: top 0.8s;
}
.letter.bottom {
  top: 0;
}
@keyframes spincw {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinccw {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
#userMenuMain .userIcon {
  align-items: center;
  border-radius: 100%;
  color: #fff;
  cursor: default;
  display: flex;
  font-family: "Prompt", sans-serif;
  height: 32px;
  justify-content: center;
  min-width: 33px;
  width: 32px;
  position: relative;
}
.userSubMenu li a {
  display: flex;
  align-items: center;
}
#appBtn {
  max-width: 28px;
  margin-right: 10px;
  background: var(--buttons);
  border-radius: 5px;
  cursor: pointer;
}
#appBtn:hover {
  background: #000;
}
.userSubMenu {
  background: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: 2px 2px 3px -1px #000;
  right: 0;
  top: 44px;
  transition: all 0.2s;
  visibility: hidden;
  width: max-content;
  z-index: 3;
}
.userSubMenu.show {
  visibility: visible;
}
#userMenuMain .userSubMenu li {
  text-align: left;
}
#userMenuMain li:hover .userSubMenu {
  visibility: visible;
}
#messages {
  background: #cd5500;
  color: #fff;
  font-size: 20px;
  padding: 12px;
  text-align: center;
  top: 0;
  transition: top 0.3s ease-in;
  width: 100%;
  z-index: 2;
}
.findWrap {
  min-height: 20px;
  margin-top: 13px;
}
.findWhat {
  opacity: 0;
}
.lookingBtns {
  top: 7px;
}
.closeLooking {
  transition: all 0.5s;
  z-index: 11;
  display: none;
}
.openSeo {
  transition: all 0.5s;
  z-index: 11;
  display: flex;
}
.closeLooking h3,
.openSeo h3 {
  width: 23px;
  height: 23px;
  border-radius: 100%;
  background: var(--primary1);
  padding: 0;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 30px;
  line-height: 0.72;
  color: #fff;
  text-align: center;
  overflow: hidden;
}
.openSeo h3 {
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--primary1);
}
.closeLooking h3:hover,
.openSeo h3:hover {
  transform: scale(1.2);
}
#seoContent {
  z-index: 40;
  position: relative;
  background: rgba(255, 255, 255, 0.98);
  padding: 40px 20px;
  display: none;
}
#seoContent h2 {
  margin-bottom: 15px;
  color: var(--primary1);
}
#seoContent h3 {
  color: var(--primary5);
  margin-bottom: 10px;
}
.seoInner {
  width: 50%;
  margin: auto;
}
.seoClose {
  color: var(--primary5);
  cursor: pointer;
  font-weight: 700;
  float: right;
}
.openLooking {
  display: none;
  top: 11px;
  left: 255px;
}
.openLooking h3 {
  border-radius: 100%;
  cursor: pointer;
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 28px;
  line-height: 1;
}
.openLooking.active {
  display: block;
  left: 245px;
  top: 10px;
}
.boxWrap {
  background: rgba(255, 255, 255, 0);
  max-width: 960px;
  transition: background 0.8s ease-in-out;
}
.boxWrap.active {
  background: rgba(255, 255, 255, 0.7);
}
#messages.open {
  top: 55px;
}
#search {
  height: 40px;
  width: 100%;
  border-radius: 5px;
  padding: 5px 10px;
  color: #555;
  border: none;
  background-clip: text;
  font-size: 15px;
  font-weight: 500;
}
.lookingBox {
  width: 100%;
  top: 15%;
  z-index: 5;
  left: calc((100% - 864px) / 2);
  max-width: 864px;
}
#searchBtn {
  width: 100px;
  border-radius: 0 10px 10px 0;
  padding: 10px;
  opacity: 0;
  height: 42px;
}
#search::placeholder {
  opacity: 1;
  color: #555;
}
#chooseType:focus {
  border-color: #ccc;
}
#s {
  border-radius: 10px 0 0 10px;
  background: #fff;
  border: 1px solid #ddd;
}
#s.show {
  border-radius: 10px 0 0 0;
}
#chooseType {
  height: 40px;
  width: 20%;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 15px;
  color: #555;
}
.lookingBox h2 {
  font-size: 28px;
  color: #333;
}
#login_email,
#login_pass {
  border: 1px solid #ccc;
}
.errorlist li {
  color: red;
}
.showEpass {
  right: 3px;
  top: 60px;
  width: 30px;
}
#showRegPass1 {
  top: 109px;
}
#showRegPass2 {
  top: 158px;
}
.forgotPassForm {
  width: 30%;
  display: none;
  left: 35%;
  background: #fff;
  box-shadow: 0 1px 3px -1px #444;
  border-radius: 10px;
  top: 23.4%;
  height: 252px;
}
#registration-form label {
  min-width: 100px;
  display: inline-block;
}
#id_accept_terms {
  accent-color: var(--primary4);
}
#cancelReg {
  width: 72px;
}
.confirmHeading {
  line-height: 1.5;
}
.codeValid {
  margin-top: 20px;
  font-size: 20px;
}
#confirmCode p {
  text-align: center;
  margin: 10px 0;
}
#confirmCode #id_code {
  background: #fff;
  width: 300px;
  margin: 10px 0 15px;
}
.page {
  margin-top: 100px;
}
.page.mt55 {
  margin-top: 55px;
}
#eventsPage,
#leadsPage,
#servicesPage,
#productsPage,
#businessPage,
#projectsPage,
#jobsPage {
  margin-top: 55px;
}
#product-form input[type="number"] {
  height: 32px;
  width: 100px;
  border: 1px solid #ccc;
  padding: 5px;
}
.whatPurpose {
  height: 400px;
  background: url(../img/search.jpg) no-repeat center center / cover;
  border-radius: 20px;
  padding: 20px;
}
#projectsSlider {
  left: 25%;
  top: 25%;
}
.topCircle {
  text-align: center;
  display: block ruby;
}
.topCircles {
  padding: 5% 0 7%;
}
.aCircle {
  height: 220px;
  width: 220px;
  border-radius: 100%;
  border: 4px solid #fff;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
#circleOne {
  background: var(--primary1) url("../img/sa.png") no-repeat center center / 150px;
}
#circleTwo {
  background: var(--primary2) url("../img/easy.png") no-repeat center center / 150px;
}
#circleThree {
  background: var(--primary3) url("../img/empowering.png") no-repeat center center / 150px;
  color: var(--black3);
}
#circleFour {
  background: var(--primary4) url("../img/positive.png") no-repeat center center / 150px;
}
#circleFive {
  background: var(--primary5) url("../img/unique.png") no-repeat center center / 150px;
}
.topBlock {
  width: 140%;
  display: none;
  bottom: 160px;
  padding: 10px;
  border-radius: 7px;
  border: 1px solid #aeaeae;
  background: #fff;
  box-shadow: 2px 3px 4px -3px #777;
  min-height: 175px;
}
.topBlockContent {
  text-align: left;
  color: var(--black3);
}
.letter {
  line-height: 0;
  margin: 0 3px;
  opacity: 0;
}
.letter.moving {
  transition: all 0.2s;
}
.whatIs .letter img {
  max-width: 40px;
}
.joinButton button {
  padding: 14px 30px;
}
#pricingPage {
  margin-top: 80px;
}
.circleTitle {
  font-size: 100px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  font-weight: 900;
}
.btitle {
  position: absolute;
  width: 50%;
  left: 25%;
  text-align: center;
  bottom: 32%;
  z-index: 3;
  display: none;
  color: #fff;
  font-size: 20px;
}
.missionRight h2 {
  text-align: center;
  font-size: 50px;
  letter-spacing: 2px;
}
.circleContent {
  width: 100%;
  background: rgba(245, 247, 250, 0.98);
  height: 100%;
  transition: all 0.2s;
  top: 0;
  z-index: 1;
}
.circleInner:hover .circleTitle {
  transform: scale(1.6);
  color: #555;
}
.circleContent.show {
  height: 90%;
  padding: 5px;
}
.contentInner {
  padding: 50px;
  text-align: left;
  height: 100%;
}
.contentInner h3 {
  font-size: 25px;
}
.weAreInner {
  background: url("../img/love.png") no-repeat center 130px/300px;
}
.weDoInner {
  background: url("../img/check.png") no-repeat center 140px/300px;
}
.weGiveInner {
  background: url("../img/give.png") no-repeat center 220px/300px;
}
.weListenInner {
  background: url("../img/listen.png") no-repeat center 140px/300px;
}
.mvImg {
  width: 100%;
  border-radius: 10px;
}
#missionSection {
  background: #fff;
  padding: 150px 0;
}
.missionWrap {
  margin-bottom: 100px;
}
.mV {
  min-height: 250px;
}
.weAre {
  background: var(--primary1);
}
.weDo {
  background: var(--primary2);
}
.weGive {
  background: var(--primary4);
}
.weListen {
  background: var(--primary5);
}
.weListen .circleTitle {
  color: #333;
}
.circle {
  text-align: center;
  height: calc(50vh);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.circle.enabled {
  pointer-events: all;
}
.circleInner {
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  margin: auto;
  z-index: 2;
  transition: all 0.3s;
}
.circleInner.small {
  width: 0;
  height: 0;
}
#bottomAbout {
  margin-bottom: 100px;
  padding: 100px 0;
  background: #b2cbd3;
  width: 100%;
}
.buildingBetter {
  width: max-content;
  margin: 0 auto;
}
.buildingBetter h4 {
  font-size: 27px;
  text-align: center;
  color: var(--black3);
}
.statement {
  padding: 20px;
  text-align: center;
  font-size: 24px;
  font-style: italic;
}
.bottomAbout {
  width: 40%;
  margin: 0 2.5%;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 220px;
}
.bottomAbout h3 {
  opacity: 0;
  top: 170px;
}
.bottomAbout a {
  padding: 20%;
}
.bottomAboutLeft {
  background: #094a25 url("../img/ask.webp") no-repeat center center;
}
.bottomAboutCenter {
  background: #0c6b37ff url("../img/ask.webp") no-repeat center center;
  cursor: pointer;
}
.bottomAboutCenter:hover,
.bottomAboutLeft:hover {
  background: #222 url("../img/ask.webp") no-repeat center center;
}
.bottomAboutRight {
  background: #f8b324ff url("../img/must.webp") no-repeat center center;
}
.bottomAboutRight:hover {
  background: #222 url("../img/must.webp") no-repeat center center;
  color: #fff;
}
.bottomAboutRight:hover h2 {
  color: #fff;
}
.bottomAbout h2 {
  color: #fff;
  height: 100%;
  display: flex;
  padding: 0;
  align-items: center;
  width: 100%;
  justify-content: center;
  font-size: 30px;
}
.bottomAboutRight h2 {
  color: var(--black2);
}
.questionsForm {
  padding: 15px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 12px 1px #313131;
  bottom: 33%;
  display: none;
  width: 30%;
  left: 35%;
}
#adRegister {
  margin: 150px 0;
  background: #fff;
}
.square {
  left: 10%;
  z-index: -1;
}
.adCircle {
  right: 14%;
  bottom: 10%;
  z-index: -1;
}
.registerAdvertiser {
  padding: 21px 0;
  width: 26%;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 10px;
  margin: 0 auto;
  left: 37%;
  bottom: 35%;
  box-shadow: 2px 2px 4px 0 #000;
}
.tubeblock {
  margin-right: 0px;
  width: 33.3333%;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: end;
  margin: 0 2px;
}
.tubeblock img {
  width: 100%;
  margin-bottom: 5px;
}
.tubeDetail {
  background: var(--primary3);
  bottom: 25%;
  width: 80%;
  left: 5%;
  min-height: 110px;
  box-shadow: 2px 2px 3px -1px #000;
}
.hoverBlock {
  background: rgba(255, 255, 255, 0.9);
  width: 62%;
  left: 10%;
  top: 10%;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 18px -1px #000;
}
.differentAds {
  border-radius: 50px;
  text-align: center;
}
.adBlock {
  width: 25%;
}
.benefitsAdvertise span {
  color: var(--primary4);
}
.benefitsAdvertise p {
  margin-bottom: 10px;
  font-size: 16px;
}
#benefitList li {
  display: flex;
  align-items: center;
  justify-content: start;
}
#benefitList svg {
  min-width: 40px;
}
.imgTwo {
  border-radius: 0 20px 0 0;
  object-fit: cover;
  height: 100%;
}
.imgOne {
  border-radius: 20px 0 0 0;
  object-fit: cover;
  height: 100%;
}
.imgThree {
  border-radius: 0 0 0 20px;
}
.imgFour {
  border-radius: 0 0 20px 0;
}
.exampleAds {
  right: -100%;
  width: 15%;
  height: 100%;
  top: 50px;
  padding: 40px 20px;
  transition: right 0.2s;
  background: var(--primary1);
  z-index: 2;
}
.exampleAds.show {
  right: 0;
}
.exampleAds .close {
  margin-bottom: 20px;
}
.bigAdImg {
  max-width: 350px;
}
.adsExample {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  flex-flow: column;
}
.floatBtn {
  top: 0;
  right: -12px;
  width: 50px;
  transform: rotate(-36deg);
  transition: all 0.2s;
  cursor: pointer;
}
.floatBtn:hover {
  transform: rotate(-36deg) scale(1.2);
}
.close,
.closeSlideout {
  font-size: 21px;
  color: #fff;
  cursor: pointer;
  transition: all 0.2s;
  width: max-content;
  font-family: "Prompt", sans-serif;
  min-width: 0;
  padding: 0px 5px;
  border-radius: 3px;
  background: var(--primary5);
}
.close:hover {
  transform: scale(1.2);
}
.slideoutWrap {
  display: none;
}
.adSlideOut.show {
  right: 20%;
  width: 50%;
  height: 60%;
  opacity: 1;
  top: 10%;
}
.adSlideOut {
  top: 40%;
  width: 0;
  right: 53%;
  height: 0;
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  z-index: 1;
  border: 5px solid var(--primary1);
  box-shadow: 0 0 17px 0 #333;
  opacity: 0;
  transition: all 0.2s;
}
.closeSlideout:hover {
  transform: scale(1.2);
}
.closeSlideout {
  width: max-content;
  font-size: 18px;
  cursor: pointer;
  transition: all 0.2s;
  font-family: "Prompt", sans-serif;
}
label[for="id_service"] {
  text-align: center;
  width: 100%;
  display: block;
  margin-bottom: 5px;
}
.bizFeature:last-child h4 {
  border-radius: 0 0 10px 0;
}
.bizFeature:first-child h4 {
  border-radius: 0 0 0 10px;
}
.bizCatWrap {
  border: 2px solid #fff;
  background: #fff;
  color: #fff;
  text-align: center;
}
.bizCatWrap:hover,
.bizCatWrap.active {
  background: var(--primary3);
}
.bizCat:hover {
  background: var(--black3);
}
#findBusiness .formWrap {
  margin: 20px 0 30px;
}
.catsListed {
  margin-bottom: 100px;
}
.checkWrap label {
  color: #444;
  font-size: 14px;
}
.listYourBusiness h2 {
  border-radius: 50px;
}
.ads-scroller {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
  padding: 20px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 40px;
}
.extended {
  top: -3px;
  left: -3px;
}
.ads-scroller::-webkit-scrollbar {
  display: none;
}
.advertisement-card {
  border-radius: 8px;
  margin: 0 10px;
  box-sizing: border-box;
  width: 10%;
  min-width: 10%;
  max-width: 10%;
}
#adExtensionModal {
  width: 50%;
  left: 25%;
  bottom: 37%;
  background: #ffe;
  padding: 20px;
  border-radius: 7px;
  box-shadow: 0 2px 10px 0 #444;
  height: 50%;
  display: none;
}
#adExtensionModal.show {
  display: block;
}
.img-thumbnail {
  height: 270px;
  object-fit: contain;
}
.button {
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid transparent;
  display: block;
}
.featureListWrap {
  min-height: 200px;
}
.poCatInner,
.popLocInner {
  min-height: 200px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.popCat,
.popLoc {
  padding: 10px;
}
.poCatInner h2,
.popLocInner h2 {
  color: #fff;
  font-size: 22px;
}
.featureListBG {
  height: 290px;
  background: #333;
  width: 100%;
  bottom: 5%;
  z-index: -1;
}
.bizImg {
  width: 100%;
  border-radius: 5px 5px 0 0;
  max-height: 330px;
  object-fit: cover;
}
.bizFeature h4 {
  right: 1px;
}
.bizFeature {
  padding: 4px;
}
.listReason {
  border-radius: 50px;
}
#eventDetail span,
#productDetail span,
#eventVenues li span,
#eventTickets li span {
  display: inline-block;
  width: 140px;
}
.form-region-extra {
  position: absolute;
  left: -9999px;
}
.fAQForm {
  width: 34%;
  height: auto;
  bottom: 34%;
  left: 33%;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 #222;
  padding: 20px;
  display: none;
}
#questionAskForm select,
#questionAskForm input[type="text"],
#questionAskForm textarea {
  margin-bottom: 10px;
}
#faquestions li {
  padding: 5px;
  border-bottom: 1px solid #eeeeee;
}
#faquestions li:nth-child(odd) {
  background: #f7f7f7;
}
#helpTabs,
#termsTabs {
  background: #f7f7f7;
  height: 100%;
}
.tab {
  margin-bottom: 1px;
  border-radius: 3px;
  font-family: "Prompt", sans-serif;
  cursor: pointer;
}
.tab:hover,
.tab.active {
  background: var(--black3);
}
.helpBox.active {
  display: block;
}
#termsPage h4 {
  margin: 10px 0;
}
#genContent li {
  margin-left: 15px;
  list-style-type: disc;
}
.termsTabsContainer {
  border-radius: 5px;
  background: #fff;
  min-height: 500px;
}
#termsPage .tabsRight li {
  list-style: disc;
  margin-left: 15px;
  line-height: 1.8;
}
.passiveSteps h2 {
  border: 1px solid;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  margin: 0 auto 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tabsRight {
  padding: 12px 0 10px 40px;
}
.termBox {
  display: none;
}
.termBox.active {
  display: block;
}
.step {
  height: calc(25vh);
  flex: 1;
}
#sellerDetails span {
  display: inline-block;
  min-width: 60px;
  color: var(--primary4);
}
.classifiedItem {
  border-bottom: 1px solid #ddd;
}
.clasInfo:hover,
#whatIsOpps:hover {
  transform: scale(1.3);
  background: var(--primary2);
}
.clasInfo,
#whatIsOpps {
  font-size: 20px;
  background: var(--primary1);
  width: 25px;
  height: 25px;
  border-radius: 100%;
  color: #fff;
  padding: 2px;
  font-weight: 600;
  margin-left: 5px;
  transition: all 0.2s;
  cursor: pointer;
}
.classifiedsInfo,
.whatAnOppIs {
  background: var(--black2);
  display: none;
  width: 60%;
  left: 20%;
  border-radius: 10px;
  border: 2px solid var(--primary3);
  padding: 10px;
  top: 60px;
  box-shadow: 0 4px 7px 0 #000;
  z-index: 3;
}
.classifiedsInfo.show {
  display: block;
}
.classifiedsInfo h4,
.whatAnOppIs h4 {
  color: #fff;
  margin: -3px 0 5px 24px;
  color: var(--primary3);
}
.classifiedsInfo p {
  color: #e8e8e8;
  line-height: 1.8;
}
.infoBtn:hover svg circle {
  fill: var(--primary2);
}
.closeInfo {
  width: 16px;
  height: 19px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  margin: -6px 4px 0 -7px;
}
.closeInfo:hover {
  transform: scale(1.3);
}
.selectedFilter {
  width: 49%;
  background: var(--primary2);
  padding: 2px 2px 2px 6px;
  color: #fff;
  border-radius: 3px;
  margin: 0 1% 7px 0;
  min-width: 96px;
  justify-content: space-between;
}
.remfilter {
  font-size: 15px;
  background: #fff;
  padding: 2px 4px;
  color: #333;
}
.remfilter:hover {
  background: var(--primary4);
  color: #fff;
}
.adTypeContent {
  display: none;
}
.adTypeContent.active {
  display: block;
}
#classifiedCats li {
  align-items: center;
  cursor: default;
  padding: 3px 5px;
}
#directoryCats li {
  cursor: default;
  padding: 3px 8px;
  align-items: center;
}
#directoryCats h5 {
  font-size: 15px;
}
#directoryCats li {
  cursor: default;
  padding: 5px;
  align-items: center;
  color: var(--primary2);
}
#directoryCats li:hover {
  background: var(--primary2);
  color: #fff;
}
#categoriesOne li a {
  padding: 2px 12px;
  align-items: center;
}
#categoriesOne li a:hover {
  background: #fff;
}
.adTypesList {
  justify-content: space-between;
}
.adType {
  cursor: pointer;
  flex: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  border-radius: 5px;
  transition: all 0.3s;
}
.showPhone.absolute {
  height: 20px;
  width: 100px;
  background: #fff;
  left: 62px;
  top: 5px;
  cursor: pointer;
  color: var(--primary1);
}
#maxprice,
#minsize,
#maxsize,
#minfloor,
#maxfloor,
#minprice {
  border: none;
  border-bottom: 1px solid #ccc;
  font-size: 13px;
}
#markers {
  display: flex;
  font-size: 10px;
  flex-direction: column;
  justify-content: space-between;
  writing-mode: vertical-lr;
  width: 236px;
  margin: 3px 0 0 0;
}
#forSaleTab h4 {
  color: var(--primary4);
}
.blockTitle.servTitle {
  color: #acacac;
}
.catImg {
  max-width: 52px;
}
.sub-categories h3 {
  color: #727da9;
}
.notSelected.active {
  display: none;
}
.directoryBoxes.active {
  display: block;
  height: auto;
}
#for-sale {
  background: var(--primary1);
  color: #fff;
}
#services {
  background: var(--primary2);
  color: #fff;
}
#property {
  background: var(--primary3);
}
#society {
  background: var(--primary4);
  color: #fff;
}
#vehicles {
  background: var(--primary5);
  color: #fff;
}
.catImg.services {
  background: var(--primary2);
  border-radius: 100%;
}
.catImg.for-sale {
  background: var(--primary1);
  border-radius: 100%;
}
.catImg.property {
  background: var(--primary3);
  border-radius: 100%;
}
.catImg.society {
  border-radius: 100%;
  background: var(--primary4);
}
.catImg.vehicles {
  background: var(--primary5);
  border-radius: 100%;
}
.adType:hover,
.adType.active {
  background: var(--black2) !important;
  box-shadow: none;
  color: var(--primary3) !important;
}
#propertyDetails li,
#vehicleDetails li {
  line-height: 2.2;
  padding: 0 6px;
}
#propertyDetails span,
#vehicleDetails span {
  display: inline-block;
  width: 120px;
  color: var(--primary2);
}
#propertyDetails li:nth-child(odd),
#vehicleDetails li:nth-child(odd) {
  background: #eee;
}
.imageGallery {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 35;
  background: rgba(0, 0, 0, 0.95);
}
.galleryControls {
  display: flex;
  justify-content: space-between;
  width: 98%;
  left: 1%;
  bottom: 50%;
}
.closeGallery {
  left: 20px;
  top: 20px;
  color: #fff;
  font-size: 40px;
  font-family: "Prompt", sans-serif;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 4px;
  font-weight: 300;
}
.closeGallery:hover {
  background: var(--primary3);
}
.nextImage,
.prevImage {
  padding: 10px 12px;
  cursor: pointer;
  border-radius: 4px;
}
.nextImage:hover,
.prevImage:hover {
  background: var(--primary3);
}
.displayFinance span {
  display: inline-block;
  width: 130px;
}
.displayFinance {
  border-radius: 5px;
  background: var(--lightgreen);
}
.carFilters,
.propertyFilters {
  display: none;
}
.carFilters.show,
.propertyFilters.show {
  display: block;
}
.picTitle {
  width: calc(84%);
  margin: 0px;
  bottom: -25px;
  left: 8%;
  border-radius: 50px;
  border: 2px solid var(--primary3);
}
.typePic img {
  width: 100%;
  border-radius: 2px;
}
.typePic {
  padding: 1px;
}
.eventTypePics {
  background: var(--black3);
}
.dateWrap {
  height: 40px;
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 67%;
}
#event_to,
#event_from {
  border: none;
  width: 150px;
  left: 0;
}
.eventType h3 {
  text-align: center;
  color: #fff;
  font-size: 27px;
  text-shadow: 1px 1px 2px #000;
  padding: 5px;
  background: rgba(0, 0, 0, 0.8);
  width: 98%;
  margin: auto;
  border-radius: 50px;
}
.eventType a:hover h3 {
  color: #008db9ff;
}
.provTab {
  text-align: center;
  border-radius: 100%;
  margin: 0 auto;
  cursor: pointer;
  background: var(--white);
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  border: 4px solid #fff;
}
.provTab h3 {
  font-size: 20px;
}
.provTab:hover,
.provTab.active {
  background: var(--primary1);
  color: var(--primary3);
}
.provsWrap a:hover {
  color: var(--primary4);
}
.provDetail {
  top: -20px;
  width: 100%;
  left: -4px;
  padding: 5px;
  background: #fff;
  z-index: 4;
  border-radius: 3px;
  box-shadow: 1px 1px 2px -1px #333;
  color: var(--black3);
  min-width: max-content;
}
.provDetail h4 {
  margin-bottom: 5px;
  font-size: 14px;
}
.provDetail p {
  font-size: 14px;
}
.moreEventsLess h2 {
  font-family: "Alex Brush", cursive, sans-serif;
  font-size: 80px;
  font-weight: 100;
}
.needMoreEvents {
  margin-top: 100px;
}
.postEvents {
  box-shadow: 0 4px 7px -4px #444;
  min-height: 200px;
}
#jobsSlider {
  width: 30%;
  left: 35%;
  top: 27%;
  border-radius: 10px;
}
#jobsSlider h1 {
  font-size: 100px;
}
#jobTypes,
#industries {
  height: 40px;
  border-right: 1px solid #ccc;
  -moz-appearance: auto;
  appearance: auto;
}
#jobArea {
  height: 40px;
  border-left: 1px solid #ccc;
}
.jobTab {
  min-width: 16.6666%;
  padding: 5px;
}
.jtabWrap {
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}
.jtabWrap:hover,
.jtabWrap.active {
  background: var(--primary2);
  color: var(--white);
}
.postJobsH2 {
  padding: 10px 80px;
  border-radius: 50px;
  border: 3px solid var(--primary3);
  width: max-content;
  margin: 0 auto 10px;
}
.jobItem {
  border-bottom: 1px solid #ddd;
}
.jobItem .date span {
  color: var(--primary4);
}
#jobDetail li {
  line-height: 2.2;
}
#jobDetail span {
  display: inline-block;
  width: 120px;
  font-family: "Prompt", sans-serif;
}
.jobTabDetail {
  width: 100%;
  background: var(--black3);
  padding: 3px;
  border-radius: 3px;
  bottom: 60px;
  left: 0;
  box-shadow: 0 -5px 13px -1px #989898;
  min-height: 42px;
}
.jobTabDetail h4 {
  font-size: 13px;
  line-height: 1.3;
}
.jobTabContent,
.jobsFilters {
  display: none;
}
.jobTabContent.active,
.jobsFilters.active {
  display: block;
}
.jobsFilters {
  padding: 20px;
}
.jobPic {
  margin: 0;
  border: 1px solid #fff;
}
.jobTriangle {
  transform: rotate(132deg);
  top: -69%;
  left: 4%;
}
#jobFeaturesList {
  margin-left: 9%;
}
.jobDiamond {
  right: 15px;
  top: 235px;
}
.jobsFeatures {
  background: var(--primary1);
  padding: 30px 0 20px;
  width: 32%;
  margin: 0 auto 100px;
  border-radius: 10px;
  min-width: max-content;
}
#jobFeaturesList li {
  color: #fff;
  display: flex;
  align-items: center;
  text-align: left;
  margin-bottom: 20px;
  font-size: 20px;
}
#jobFeaturesList li h4 {
  font-size: 18px;
}
#jobFeaturesList li span {
  margin-right: 10px;
}
.jobTabsContent {
  border-radius: 10px;
  height: 0;
  background: #fff;
  transition: height 0.3s;
  display: flex;
}
.jobTabsContent.show {
  height: 500px;
}
.stepsBGTitle {
  font-size: 282px;
  color: rgba(255, 255, 255, 0.04);
  top: -12%;
}
#reasonsJoin p {
  margin-left: 5%;
}
.leadStep {
  position: relative;
  padding: 10px;
}
.leadStep img {
  width: 140px;
  border-radius: 10px;
}
#oppCats {
  height: 40px;
}
#whatIsOpps {
  width: 22px;
  border-radius: 100%;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-left: 5px;
}
#oppArea {
  border-left: 1px solid #ccc;
}
.whatAnOppIs.show {
  display: block;
}
.closeBtn:hover {
  transform: scale(1.2);
}
.closeBtn {
  float: left;
  margin: 0px 14px 0 0;
  transition: all 0.2s;
  color: var(--primary3);
  cursor: pointer;
  font-family: "Prompt", sans-serif;
  font-weight: 500;
  background: #000;
  padding: 1px 3px 4px;
  border-radius: 3px;
}
.whatAnOppIs h4 {
  line-height: 1.5;
  text-align: left;
}
.oppTab {
  padding: 30px 15px;
  text-align: center;
  flex: 1;
  border-radius: 5px;
  margin: 0 1%;
  cursor: pointer;
}
.oppTab:hover,
.oppTab.active {
  background: #fff;
  color: var(--black3);
}
.oppCatTab {
  min-width: 19.5%;
  text-align: center;
  padding: 15px 5px;
  background: var(--black2);
  margin: 0.25%;
  border-radius: 4px;
  cursor: pointer;
  color: var(--primary3);
}
.oppCatTab:hover,
.oppCatTab.active {
  background: var(--black3);
}
.oppCatTab:hover h4,
.oppCatTab.active h4 {
  color: #fff;
}
#expDate {
  border: none;
}
#dateExp {
  width: 155px;
  border: none;
}
.oppCatTabs {
  display: none;
  padding: 10px;
}
.oppCatTabs.active {
  display: flex;
}
.onlineOppContent.active,
.oppFilters.active,
.offlineOppContent.active {
  display: block;
  padding: 20px;
}
.opporCatsWrap {
  height: 0;
  transition: height 0.2s;
}
.opporCatsWrap.show {
  height: 220px;
}
.opporCatContentWrap.show {
  height: 500px;
}
.welcomeFree {
  background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(0, 0, 0, 0.95));
  text-shadow: 0px -1px 0 #000;
  letter-spacing: 0.05em;
  font-weight: 900;
  font-size: 2.8em;
}
#oppWorkList {
  min-height: 340px;
}
.oppCircle {
  transform: rotate(-27deg);
  top: 8%;
  left: 38%;
}
.oppListRight img {
  height: 100%;
}
#opportunityDetail span {
  min-width: 77px;
  display: inline-block;
}
#profilePage {
  margin-top: 52px;
}
.profContent {
  display: none;
}
.contentTabContent {
  display: none;
}
.contentTabContent.active {
  display: block;
}
.profContent.active {
  display: block;
}
.noProfile {
  padding: 100px 0 200px;
}
.skillItem span,
.experienceItem span,
.educationItem span {
  display: inline-block;
  width: 140px;
}
#lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.lightbox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.95);
}
.lightbox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.9);
  z-index: 9999;
}

.lightbox-content {
  max-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

#lightboxImage {
  max-height: 90vh;
  max-width: 90vw;
  object-fit: contain;
}
#closeLightbox {
  position: fixed;
  top: 10px;
  left: 10px;
  background: var(--black0);
  border: none;
  padding: 1px 15px 6px;
  font-size: 40px;
  border-radius: 5px;
  cursor: pointer;
  z-index: 1002;
  min-width: 0;
  color: #fff;
}
.side-button {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  background: var(--black0);
  border: none;
  padding: 8px 12px;
  border-radius: 5px;
  cursor: pointer;
  z-index: 1002;
  min-width: 0;
}
.side-button:hover,
#closeLightbox:hover {
  background: var(--primary3);
}
.side-button.left {
  left: 10px;
}
.side-button.right {
  right: 10px;
}
.websiteTab {
  min-width: 16.666666667%;
  padding: 5px;
}
.websiteTab .tabWrap h3 {
  padding: 30px 5px;
  cursor: pointer;
  border-radius: 3px;
}
.tabWrap.active {
  background: var(--primary2);
  color: #fff;
}
#webCats {
  border-right: 1px solid #ccc;
  -moz-appearance: auto;
  appearance: auto;
}
.webFeaturesWrap .col {
  border: 2px solid #fff;
  margin: 0 0.5%;
}
.webFeaturesWrap h4 {
  border: 2px solid #fff;
  width: 80%;
  left: 10%;
  bottom: -8%;
}
.websiteAddForm {
  width: 30%;
  top: 18%;
  left: 35%;
  padding: 20px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 12px 0 #777;
  display: none;
}
.closeForm {
  width: max-content;
  float: left;
  transition: all 0.2s;
  cursor: pointer;
  font-family: "Prompt", sans-serif;
  background: var(--primary5);
  border-radius: 3px;
  padding: 2px;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
}
.closeForm:hover {
  transform: scale(1.4);
}
.listTitle {
  text-align: center;
  width: 100%;
  bottom: 40%;
  font-size: 70px;
  color: var(--primary1);
  word-spacing: 5px;
  text-indent: -32px;
}
.listWebCircle {
  position: relative;
  top: 10px;
  left: 108px;
}
.globe {
  background: url("../img/globe.png") no-repeat 56.65% 10px/300px;
  height: 100%;
  width: 100%;
  z-index: 0;
  top: 0;
  opacity: 0.5;
}
.listSub {
  padding: 10px;
  width: 30%;
  left: 35%;
  bottom: 20%;
  border-radius: 7px;
  font-size: 26px;
  color: var(--white);
}
.listTitle span {
  color: #fff;
}
.webType {
  border-radius: 5px;
}
.webType:hover {
  background: var(--primary2);
  color: #fff;
}
#apiImage {
  width: 90%;
}
#address,
#social {
  margin-bottom: 10px;
}
#contactBtn {
  width: 140px;
  padding: 10px;
  border-radius: 5px;
  background: var(--primary5);
}
#contactBtn:hover {
  background: var(--black3);
}
.introContent {
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 10px;
  margin-top: -3px;
}
.introContent a:hover {
  color: var(--primary2);
}
.mailImg.col100 {
  border-radius: 0 10px 0 0;
}
.socImg {
  width: 30px;
  transition: all 0.1s;
}
.socImg:hover {
  transform: scale(1.2);
}
.socialLinks {
  padding: 18px;
  justify-content: space-around;
}
.registerPassiveForm {
  width: 30%;
  left: 35%;
  bottom: 28%;
  display: none;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 2px 2px 6px 0 #555;
}
.closeform:hover {
  transform: scale(1.1);
}
.closeform {
  cursor: pointer;
  width: max-content;
  transition: all 0.1s;
  padding: 3px;
  background: var(--primary1);
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
}
.leftSide {
  padding-right: 30px;
}
.passiveImg {
  margin-top: 3px;
  border-radius: 5px;
}
.passiveSteps .col {
  border-radius: 5px;
  margin: 0 5px;
}
.makeMDetail {
  z-index: 2;
  bottom: 47px;
  background: #fff;
  width: 95.3%;
  padding: 10px;
  display: none;
  min-height: 240px;
}
.closeM {
  background: var(--black3);
  width: 30px;
  height: 26px;
  margin: 0 auto 10px;
  border-radius: 3px;
  color: #fff;
  padding: 2px;
  cursor: pointer;
  transition: all 0.1s;
}
.closeM:hover {
  transform: scale(0.9);
}
.searchContentWrap {
  min-height: 480px;
}
#clearFilters,
#filterContent {
  display: none;
}
.serviceSliderHeading {
  width: 100%;
}
.catWrap > img,
.prodCat > img {
  border: 5px solid transparent;
  width: max-content;
  border-radius: 100%;
}
.catWrap:hover > img,
.prodCat:hover > img,
.prodCat img.active,
.catWrap img.active {
  border: 5px solid var(--primary1);
}
.catWrap:hover > h4 {
  color: var(--orange);
}
.quoteFormContainer {
  left: 25%;
  height: 0;
  transition: all 0.3s;
  top: 46px;
  border-radius: 0 0 10px 10px;
  z-index: 3;
  width: 50%;
}
.quoteFormContainer.show {
  background: #fff;
  padding: 30px 0 10px;
  height: 590px;
  box-shadow: 0 5px 4px -3px #a3a3a3;
  overflow: auto;
}
.formWrapQuote {
  display: none;
}
#serviceRow3 {
  background: url("../img/services/search.webp") no-repeat center center / cover;
  height: 500px;
}
#serviceRow5 {
  background: url("../img/services/requestcontest.webp") no-repeat center center / cover;
  height: 500px;
}
#productsRow3 {
  background: url("../img/products/system.webp") no-repeat center center / cover;
  height: 500px;
}
#charCount {
  font-size: 12px;
}
.catWrap h4:hover,
.catWrap img:hover > h4 {
  color: var(--orange);
}
.whyJoinTabs,
.joinTabs {
  box-shadow: 1px 0px 1px 0 #7e7e7e;
  border-radius: 10px 10px 0 0;
}
#tabCreator {
  border-radius: 0 10px 0 0;
}
#tabPublic,
#tabPremium {
  border-radius: 10px 0 0 0;
}
#tabPrem {
  border-radius: 10px 0 0 0;
}
#tabPlat,
#tabBusiness,
#tabBiz {
  border-radius: 0 10px 0 0;
}
.upgradeTab {
  cursor: pointer;
  flex: 1;
}
.upgradeTab.active,
.upgradeTab:hover {
  background: var(--black3);
}
.joinBlockLeft {
  width: 40%;
}
.joinBlockRight {
  width: 60%;
}
.whyJoin {
  flex: 1;
  cursor: pointer;
}
.upgradeBlockWrap {
  display: none;
  border-radius: 0 0 10px 10px;
}
.upgradeBlockWrap.active {
  display: block;
}
#tabUBiz {
  border-radius: 5px 0 0 5px;
}
#tabURec {
  border-radius: 0 5px 5px 0;
}
.whyUpgrade.active {
  background: var(--primary2);
  color: var(--primary3);
}
.whyJoin.active,
.whyJoin:hover {
  background: var(--black3);
}
#whyJoinThree .whyJoin.active,
#whyJoinThree .whyJoin:hover {
  background: var(--purple);
  color: #fff;
}
.whyJoinBlocks {
  padding: 30px;
  background: #fff;
  display: none;
  border-radius: 0 0 10px 10px;
}
.whyJoinBlocks.active,
.whyUpgradeBlock.active {
  display: block;
}
.joinImg img {
  width: 100%;
}
#tabSilver {
  border-radius: 10px 0 0 0;
}
#tabGold {
  border-radius: 0 10px 0 0;
}
.saImage img {
  height: 100%;
  margin-bottom: -3px;
}
.silverBenefits,
.goldBenefits {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.silverBenefits li,
.goldBenefits li {
  width: 48%;
  background: var(--black3);
  margin: 0 1% 30px;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  color: var(--primary3);
  border-radius: 50px;
}
.silverBenefits p,
.goldBenefits p {
  color: #fff;
  margin: 0;
}
.silverBenefits h4,
.goldBenefits h4 {
  font-size: 1.1em;
  font-weight: 600;
}
#bizOwnerBenefits li,
#generalPublic li {
  display: flex;
  align-items: center;
  margin: 15px 0;
}
#bizOwnerBenefits svg,
#generalPublic svg {
  margin-right: 10px;
  min-width: 22px;
}
.mostB {
  top: 15%;
  width: 50%;
  left: 25%;
  text-align: center;
  font-family: "Alex Brush", sans-serif;
  color: #2c2c2c;
  font-size: 52px;
  font-weight: 100;
}
.allocation {
  min-height: 140px;
}
.joinBlocksWrap p {
  margin: 0;
}
#helpFund:hover {
  background: var(--black3);
  color: var(--primary3);
}
#codeList input.code-input {
  width: 15%;
  height: 60px;
  font-size: 24px;
  text-align: center;
  background: #fff;
}
.changePass {
  display: none;
}
.home footer h3 {
  color: #fff;
}
.home footer {
  background: rgba(0, 0, 0, 0.8);
  bottom: -50px;
  padding: 7px 15px;
  transition: bottom 0.5s;
  z-index: 12;
  box-shadow: 0 -1px 4px -1px #333;
}
footer.small.active {
  bottom: -100%;
}
footer h2 {
  color: #cd5500;
  font-size: 24px;
}
footer {
  background: rgba(255, 255, 255, 0.998);
  padding: 7px 15px;
  color: #333;
  z-index: 5;
  box-shadow: 0 -1px 3px -2px #949494;
}
#footerMenu li {
  margin-right: 30px;
  font-size: 0.9em;
}
footer.small {
  bottom: 0px;
}
.home footer.small a {
  color: #fff;
}
.home footer.small h4,
.home footer.small h5 {
  color: #fff;
}
#bottomMenu a:hover {
  color: var(--black4);
}
.home #bottomMenu a:hover {
  color: var(--primary4);
}
#socialImg {
  max-width: 33px;
  margin-right: 15px;
  border-radius: 100%;
  padding: 3px;
}
#socialImg:hover {
  background: #fff;
}
.contactLeft li {
  line-height: 1.8;
}
#support span {
  display: inline-block;
  width: 80px;
}
#socialLinks,
#footerMenu {
  margin: 0;
}
footer.small a.seshaLink {
  color: var(--primary4);
}
footer.small a.seshaLink:hover {
  color: var(--primary2);
}
.bottomArrow.active {
  transform: rotate(180deg);
  right: -38px;
}
.active.footerMenuItem {
  cursor: default;
  pointer-events: none;
  color: #8a8a8a;
}
#fundRow2 p {
  min-height: 200px;
}
.verified {
  bottom: 5px;
  left: 5px;
}
.bizTab,
.conTab,
.mediaTab,
.profTab {
  flex: 1;
  padding: 15px;
  text-align: center;
  margin: 0 1px;
  background: var(--primary1);
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
.leftBizBar {
  border-right: 1px solid #eee;
}
.conTab {
  padding: 10px;
  background: var(--primary3);
  border-radius: 4px;
  color: var(--black2);
}
.mediaTab {
  padding: 10px;
  background: var(--primary3);
  color: var(--black2);
}
.bizTab:hover,
.profTab:hover,
.profTab.active,
.mediaTab:hover,
.mediaTab.active,
.conTab:hover,
.conTab.active,
.bizTab.active {
  background: var(--black3) !important;
  color: var(--primary3);
}
#bizContentRow .col25 span {
  width: 115px;
  display: inline-block;
}
.bizContBlock {
  display: none;
}
.bizContBlock.active {
  display: block;
}
.mediaTabContent,
.mediaContentBlock {
  display: none;
}
.mediaTabContent.active,
.mediaContentBlock.active {
  display: block;
}
.hour:nth-child(2n + 1) {
  background: #eee;
}
.branch span {
  display: inline-block;
  width: 80px;
}
#profileRow2 {
  min-height: 920px;
}
#imageOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.overlayBG {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.95);
}
#overlayImg {
  position: relative;
  max-width: 90%;
  max-height: 90vh;
  object-fit: contain;
  border-radius: 5px;
  z-index: 1;
}
.overlay-close,
.overlay-prev,
.overlay-next {
  position: absolute;
  border-radius: 5px;
  cursor: pointer;
  z-index: 2;
  background: #000;
}
.overlay-close:hover,
.overlay-prev:hover,
.overlay-next:hover {
  background: var(--primary3);
}
.overlay-close {
  top: 20px;
  left: 30px;
  font-size: 1.5rem;
  padding: 8px 12px;
  color: #fff;
}
.overlay-prev {
  left: 20px;
  padding: 10px;
}
.overlay-next {
  right: 20px;
  padding: 10px;
}
#prodCatList li {
  padding: 3px 10px;
  width: 70%;
  cursor: pointer;
  transition: width 0.2s;
}
#prodCatList li:hover {
  background: var(--grey2);
  width: 100%;
}
.selectSearch {
  width: 100%;
  min-height: 200px;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 5px;
}
#searchBrands {
  height: 30px;
  width: 90%;
  left: 5%;
  top: 10px;
}
.upBtn {
  bottom: 14%;
  right: 2%;
  cursor: pointer;
  display: none;
  z-index: 3;
}
#searchFilters {
  width: 21%;
}
#resultsList {
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid #ececec;
}
#loadMoreWrap,
#loadMoreWrapBottom {
  padding-left: 60px;
}
.businessCatList p {
  margin-bottom: 0;
  line-height: 1;
}
#keyWords {
  height: 30px;
  width: 50%;
}
.jobItem:nth-child(2n),
.educationItem:nth-child(2n),
.skillItem:nth-child(2n),
.reviewItem:nth-child(2n),
.classifiedItem:nth-child(2n),
.websiteItem:nth-child(2n),
.businessItem:nth-child(2n),
.opportunityItem:nth-child(2n),
.eventItem:nth-child(2n) {
  background: #f4f4f4;
  border-radius: 3px;
}
.filterLabel {
  font-size: 13px;
  width: 70%;
}
#priceBtn,
#floorBtn,
#sizeBtn {
  background: var(--primary1);
  border-radius: 3px;
  min-width: 60px;
}
#searchPage {
  margin-top: 100px;
}
.startBusinessForm {
  left: 35%;
  width: 30%;
  padding: 5px;
  background: #fff;
  top: 15%;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 #333;
  z-index: 5;
}
#startABusiness {
  padding: 20px 50px;
}
.cancelStart,
.closeQuestion {
  transition: all 0.1s;
  font-weight: 700;
}
.closeQuestion:hover {
  transform: scale(1.2);
}
.moreInfo {
  display: none;
  width: 70%;
  left: 15%;
  z-index: 5;
  background: #fff;
  border-radius: 5px;
  top: 9%;
  box-shadow: 0 0 10px 0 #333;
  max-height: 70%;
  overflow: auto;
  height: 0%;
  transition: height 0.2s ease;
}
.moreInfo.show {
  display: block;
  height: 70%;
}
.mobile,
.hidden,
#id_type {
  display: none;
}
.skill h4 {
  background: var(--primary2);
  color: #fff;
}
@media only screen and (min-width: 280px) and (max-width: 780px) {
  .desktop,
  .photoCredit {
    display: none;
  }
  .page {
    margin: 100px 0 0;
  }
  .advertisement-card {
    width: 30%;
    min-width: 30%;
    max-width: 30%;
  }
  #eventsPage,
  #leadsPage,
  #servicesPage,
  #productsPage,
  #businessPage,
  #jobsPage {
    margin-top: 97px;
  }
  .f30 {
    font-size: 2.3rem;
  }
  .col16,
  .subcategoryBlock.col7 {
    width: 50%;
  }
  .getLeads h3 {
    border-radius: 10px;
  }
  .mobile {
    display: block;
  }
  .flex {
    flex-flow: column;
  }
  .productCatList.flex {
    flex-flow: row wrap;
  }
  .lookingBox {
    width: 100%;
    left: 0;
  }
  #provinceList {
    right: 0;
    width: 100%;
  }
  .classifiedItem {
    border-bottom: 1px solid #ddd;
    padding: 20px;
  }
  .home #categoryListContainer .serviceListName {
    width: 100%;
  }
  .passiveIncome {
    width: 100%;
  }
  #categoryListContainer .categoryListName {
    width: 25%;
  }
  #clearFilters,
  #filterContent {
    border-radius: 3px;
    margin: 0 0 10px 0;
  }
  #resultsList {
    padding-left: 0;
    margin-bottom: 0;
    margin-left: 0;
  }
  #searchFilters {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  body:not(.home) header {
    padding: 5px 0;
    background: #fff;
    height: 96px;
  }
  .messages {
    left: 5%;
    width: 90%;
  }
  .messages.show {
    top: 90px;
  }
  #frontLogo {
    max-width: 360px;
    margin: 0 auto 22px;
  }
  .f11 {
    font-size: 1rem;
  }
  .p20,
  .p15 {
    padding: 10px;
  }
  #s {
    border-radius: 0;
  }
  #mobileSearch {
    width: 100%;
    z-index: 9;
    top: -200px;
    left: 0;
    padding: 5px;
    background: #fff;
    min-height: 190px;
    box-shadow: 0px 3px 5px -3px #000;
  }
  #mobileSearch.show {
    top: 96px;
  }
  #searchForm .buttonWrap {
    margin-top: 10px;
  }
  #cityListContainer {
    width: 100%;
    top: 122px;
  }
  .joinButton a.button {
    margin: 0 auto 10px;
  }
  .joinButton.col20 {
    align-items: center;
    width: 98%;
  }
  .getStarted a.button {
    width: 100%;
  }
  #whatIsOpps {
    margin-left: 0px;
  }
  #seshaApps .service {
    width: 33.33333%;
  }
  #leadsRow1 {
    margin-top: 200px;
  }
  #leadsSlider {
    top: -105px;
  }
  .closeLooking {
    left: 3px;
    top: -12px;
  }
  .seoInner {
    width: 100%;
  }
  .openSeo {
    right: 1% !important;
    top: -12px;
  }
  .circleContent h2 {
    text-align: center;
  }
  .closeLooking {
    top: -12px;
    left: 1%;
  }
  #bizContentRow .col25,
  #bizContentRow .col75,
  #profileRow2 .col25,
  #profileRow2 .col75 {
    width: 100%;
  }
  .conTab,
  .mediaTab {
    margin-bottom: 5px;
  }
  .home .toplogo.active {
    top: 5px;
    left: 22%;
  }
  #appsSubMenu {
    padding: 5px;
    width: 100%;
    right: 0;
    top: 40px;
  }
  #categoryListContainer {
    left: 0%;
    width: 100%;
    z-index: 2;
  }
  .home #cityListContainer .cityListName,
  .home #categoryListContainer .categoryListName {
    width: 50%;
  }
  .col25,
  .col20 {
    width: 50%;
  }
  .col65,
  .col30 {
    width: 96%;
  }
  .problem.col20 {
    width: 100%;
  }
  #tabSilver,
  #tabGold {
    border-radius: 0;
  }
  .silverBenefits li,
  .goldBenefits li {
    width: 100%;
  }
  .home .btnMenuBtn {
    stroke: #fff;
  }
  .home header {
    height: auto;
    padding: 5px;
  }
  #search {
    border-bottom: 1px solid #ddd;
    border-radius: 0;
  }
  #searchBtn {
    border-radius: 5px;
    height: 36px;
  }
  #businessCats .col {
    width: 50%;
  }
  #oppCats {
    height: 70px;
  }
  #typeInput {
    border-bottom: 1px solid #ddd;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  #directoryPage,
  #classifiedsPage {
    margin-top: 120px;
  }
  .home #msearch {
    display: none;
  }
  .whatIs {
    padding: 0px;
  }
  #userSubMenu .col {
    max-width: 33%;
  }
  .listYourBusiness h2 {
    width: 96%;
    padding: 12px 14px;
  }
  .home #s {
    height: auto;
    margin-bottom: 10px;
    border-radius: 0 !important;
  }
  .home .cityCol {
    margin: 0;
    width: 50%;
  }
  #topSearchBtn {
    height: 35px;
    width: 60%;
    border-radius: 5px !important;
  }
  .description {
    height: auto;
  }
  #chosenLocation {
    border: none;
    margin-bottom: 42px;
  }
  #typesList {
    border-radius: 0;
    border-left: none;
    border-bottom: none;
    left: 0px;
    width: 100%;
  }
  #chosenType {
    border: none;
    border-bottom: 1px solid #ccc;
  }
  .cityCol {
    margin-bottom: 12px;
  }
  #filterResultsBtn {
    width: 70%;
  }
  #topSearch {
    position: fixed;
    top: -250px;
    transition: top 0.2s;
    width: 98%;
    left: 1%;
    box-shadow: 0 7px 5px -4px #222;
  }
  #topSearch.show {
    top: 52px;
  }
  .postEvents {
    width: 92%;
    left: 4%;
  }
  .needMoreEvents {
    margin-top: 50px;
  }
  .typePic {
    margin-bottom: 41px;
  }
  .boxWrap {
    width: 98%;
    padding: 10px;
    border-radius: 5px;
  }
  .bizTab,
  .profTab {
    margin: 2px 0;
  }
  #tabPlat,
  #tabBusiness,
  #tabBiz {
    border-radius: 0;
  }
  .findWhat {
    font-size: 20px;
    letter-spacing: -0.01em;
    margin-bottom: 10px;
  }
  .jsMessages {
    width: 100%;
    left: 0;
  }
  .jsmessage {
    font-size: 18px;
  }
  .searchTitle {
    text-align: center;
    margin-bottom: 0;
  }
  .oppsHeader h3 {
    text-align: center;
  }
  .searchCol {
    border: none;
  }
  .col50 {
    border-radius: 0;
    width: 100%;
  }
  .col60,
  .col40 {
    width: 96%;
  }
  .col,
  .section {
    width: 100%;
  }
  .col70,
  .buildingBetter,
  .col80 {
    width: 98%;
  }
  .userCol {
    width: 100%;
    max-width: 300px;
  }
  #loadMoreWrap,
  #loadMoreWrapBottom {
    padding: 10px;
    text-align: center;
  }
  .pl30 {
    padding-left: 0;
  }
  .loggedInUser {
    justify-content: center;
  }
  .advSectionWrap {
    padding: 1px;
  }
  .postJobsH2 {
    width: 100%;
    line-height: 1.2;
    font-size: 35px;
    text-align: center;
    padding: 10px;
  }
  .imgOne {
    border-radius: 5px;
    margin: 5px 0;
  }
  .jobTab {
    min-width: 100%;
    padding: 5px;
  }
  #adRegister {
    margin: 40px 0;
  }
  .spendHeader {
    padding: 0 10px;
  }
  .socLink {
    width: 12.5%;
    margin: 0 0 10px;
    text-align: center;
  }
  .socialLinks {
    padding: 20px 0 0;
  }
  .adBlock {
    width: 50%;
  }
  .introContent {
    margin-bottom: 5px;
  }
  .registerAdvertiser {
    padding: 15px 0;
    width: 96%;
    left: 2%;
  }
  #advertiseOne {
    margin-bottom: 0;
  }
  .differentAds {
    border-radius: 5px 5px 0 0;
    text-align: center;
  }
  .seeAdSample {
    text-align: center;
    line-height: 1.3;
  }
  .exampleAds {
    width: 90%;
    top: 80px;
  }
  .bigAdImg {
    width: 100%;
  }
  .adSlideOut.show {
    right: 0;
    border-radius: 0;
    z-index: 5;
    width: 100%;
    height: 86%;
    max-height: 81%;
    overflow: auto;
    top: 13%;
  }
  .buildTitle {
    font-size: 42px;
    text-align: center;
  }
  #missionSection {
    padding: 30px 0;
  }
  .missionWrap {
    margin-bottom: 30px;
  }
  .oppTab {
    margin: 0 1% 5px;
  }
  .oppCircle {
    display: none;
  }
  .bizTab {
    margin-bottom: 1px;
  }
  .bizTabs {
    padding: 3px;
  }
  .welcomeFree {
    font-size: 30px;
    width: 100%;
    padding: 10px;
  }
  .opporCatsWrap.show {
    height: 500px;
  }
  .websiteTab {
    min-width: 100%;
  }
  .getYourWebsite {
    width: 96%;
  }
  .f24 {
    font-size: 2rem;
  }
  .passiveSteps .col {
    margin: 0 0 5px;
  }
  .listSub {
    width: 90%;
    left: 5%;
    margin-bottom: 15px;
  }
  .listTitle {
    word-spacing: 0;
    text-indent: 0;
    line-height: 1.2;
    font-size: 44px;
    margin-bottom: 20px;
    color: #fff;
  }
  .joinButton.mt100 {
    margin-top: 30px;
  }
  .webFeaturesWrap h4 {
    bottom: 5%;
  }
  #bottomAbout {
    margin-bottom: 30px;
    padding: 30px 0;
  }
  .bottomAbout {
    width: 97%;
    margin: 5px;
    height: 60px;
  }
  .bottomAbout h3 {
    display: none;
  }
  .mb100,
  .mb70,
  .mb150 {
    margin-bottom: 30px;
  }
  .p100-0 {
    padding: 30px 0;
  }
  .mb50 {
    margin-bottom: 10px;
  }
  .contentInner {
    padding: 25px;
  }
  .missionRight {
    padding: 0 10px;
  }
  footer {
    padding: 10px 5px;
  }
  #bottomMenu a {
    font-size: 15px;
  }
  #bottomMenu {
    flex-flow: column;
    align-items: flex-start;
  }
  footer.small a {
    color: var(--purple);
  }
  #footerMenu li {
    margin-right: 5px;
    margin-bottom: 10px;
    color: var(--primary5);
  }
  #footerMenu {
    position: fixed;
    right: -100%;
    width: calc(40vw);
    background: #fff;
    padding: 10px 20px;
    transition: right 0.2s;
    z-index: 3;
    bottom: 38px;
    border-radius: 5px 0 0 0;
    box-shadow: -3px -3px 4px -4px #222;
  }
  #footerMenu.show {
    right: 0;
  }
  .topBlock {
    bottom: 125px;
  }
  #startABusiness {
    padding: 20px;
  }
  .searchFilters {
    padding-right: 5px;
    border-right: none;
    min-height: 0;
  }
  .slideImg {
    height: 250px;
    object-fit: cover;
    object-position: 33%;
  }
  #sliderRow {
    margin-top: 95px;
  }
  .slideshow-container {
    height: 250px;
  }
  .sliderHeading {
    width: 98%;
    left: 1%;
    top: 15%;
    padding: 10px;
  }
  .slideTitle {
    font-size: 32px;
  }
  .sliderSubTitle {
    font-size: 17px;
    text-shadow: none;
  }
  .searchContent {
    padding: 20px 0;
  }
  #blogsRow2 h2,
  #blogsRow3 h2,
  #blogsRow2 h3 {
    text-align: center;
  }
  #blogsIntro H2 {
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
  }
  #blogsIntro .contentWrap {
    margin-bottom: 20px;
  }
  #classifiedsRowTwo {
    margin-top: 110px;
  }
  .adType {
    margin: 5px 0 2px;
  }
  .optionsWrap {
    justify-content: flex-start;
  }
  .featureListWrap {
    min-height: 900px;
  }
  .bizFeature {
    min-height: 350px;
  }
  #directoryRowOne {
    margin-top: 115px;
  }
  .listYourBusiness h2 {
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
  }
  .dirCatList .categoryBlock {
    width: 50%;
  }
  .bizCatWrap h2 {
    font-size: 15px;
  }
  #eventsPage,
  #questionsPage,
  #projectsPage {
    margin-top: 96px;
  }
  #eventSectionOne {
    margin-top: 112px;
  }
  .provTab {
    margin: 0 auto 20px;
  }
  .picTitle {
    width: 96%;
    left: 2%;
  }
  .buildingBetter h4 {
    font-size: 18px;
  }
  .postEvents {
    margin: 30px auto;
  }
  #investRowSix {
    padding-bottom: 65px;
  }
  #jobsRowOne {
    margin-top: 115px;
  }
  #jobsSlider {
    width: 94%;
    left: 3%;
    top: 18%;
  }
  .jobsFeatures {
    width: 98%;
    margin: 0 auto 50px;
  }
  #jobFeaturesList {
    margin-left: 0;
  }
  #jobFeaturesList li h4 {
    font-size: 14px;
  }
  #jobsRowSeven {
    padding-bottom: 50px;
  }
  .jobsInPics span,
  .jobsInPics h4 span {
    color: var(--black3);
  }
  .jobsInPics h4 {
    text-indent: 0;
    width: 100%;
    line-height: 1.5;
  }
  .col.col16 {
    width: 50%;
  }
  .servicesCatList.flex {
    flex-flow: row wrap;
  }
  .leaveTheSearch h6 {
    text-align: center;
  }
  #leadsRowThree {
    padding: 20px;
  }
  #oppsRowOne {
    margin-top: 125px;
  }
  #oppsRowOne h1 {
    font-size: 33px;
  }
  .howOppsWorks h2 {
    text-align: center;
  }
  #oppWorkList {
    margin-bottom: 30px;
    padding: 15px;
  }
  .whatAnOppIs {
    width: 90%;
    left: 5%;
  }
  #projectsSlider {
    left: 0%;
    bottom: 14%;
  }
  #projectsRow2 {
    padding: 50px 0;
  }
  #questionsRowOne {
    margin-top: 120px;
  }
  .pointsThat.mc.auto.p10-20 {
    width: 100%;
  }
  #questionsRowFive {
    padding-bottom: 80px;
  }
  .leaveTheSearch h2 {
    font-size: 36px;
  }
  #servicesRowFour {
    padding-bottom: 100px;
  }
  .quoteFormContainer.show {
    height: 528px;
  }
  .quoteFormContainer {
    left: 0;
    top: 89px;
    width: 100%;
  }
  #province,
  #city,
  #area {
    width: 100%;
    margin-bottom: 10px;
  }
  .f40 {
    font-size: 3rem;
  }
  #projectsRow5 .col15 {
    width: 65%;
  }
  #searchFilters {
    width: 100%;
  }
  .fs16 {
    font-size: 14px;
  }
  #socialRowThree {
    padding-bottom: 100px;
  }
  #socialRowOne .mainTitle {
    font-size: 34px;
  }
  .whatPurpose {
    height: 540px;
    padding: 10px;
  }
  .circleTitle {
    font-size: 85px;
  }
  .itsPurpose {
    margin-bottom: 10px;
  }
  .purposeWrap {
    padding: 14px;
  }
  .whatPurpose h2 {
    font-size: 40px;
  }
  .btitle {
    bottom: 15%;
    width: 100%;
    left: 0;
  }
  .bottomAbout a {
    padding: 20%;
  }
  .tubeHeader {
    border-radius: 0;
  }
  .tubeDetail {
    width: 90%;
    left: 5%;
    min-height: 145px;
  }
  .hoverBlock {
    width: 90%;
    padding: 10px;
    top: 2%;
    text-align: center;
    left: 5%;
  }
  .whyJoinIntroWrap {
    padding: 20px;
  }
  .tabsRight {
    padding: 12px 0;
  }
  #helpRow1 h5 {
    width: 80%;
    margin: auto;
    line-height: 1.5;
  }
  #advertiseRow2 img {
    height: 350px;
    object-fit: cover;
    border-radius: 5px;
  }
  .differentAds {
    font-size: 27px;
    margin-bottom: 30px;
  }
  #benefitList {
    padding: 10px;
  }
  #benefitList {
    padding: 10px;
    margin-bottom: 30px;
  }
  .tubex {
    width: 96%;
  }
  .tubeblock {
    width: 100%;
    margin-bottom: 5px;
  }
  .joinBlockLeft,
  #upgradeBenefits li,
  .joinBlockRight {
    width: 100%;
  }
  .whyJoinBlocks {
    padding: 10px;
  }
  #tabVIP,
  #tabPublic,
  #tabCreator,
  #tabPrem {
    border-radius: 0;
  }
  #whyJoinRow3 h2,
  #whyJoinRow4 h2 {
    font-size: 30px;
  }
  #whyJoinRow4 h3 {
    font-size: 18px;
  }
  #whyJoinRow4 h3.whyJoinIntro {
    font-size: 15px;
    width: 80%;
  }
  .whyJoin {
    padding: 15px;
  }
  #passivePage {
    margin-top: 100px;
  }
  #passiveRow2 h2 {
    font-size: 27px;
    line-height: 1.3;
  }
  .stepsTitle {
    font-size: 36px;
  }
  .leftSide {
    padding-right: 0;
    text-align: center;
  }
  #startRow3 .col25 {
    width: 100%;
  }
}
@media only screen and (min-width: 781px) and (max-width: 1279px) {
  .photoCredit {
    display: none;
  }
  .page {
    margin-top: 125px;
  }
  #eventsPage,
  #leadsPage,
  #servicesPage,
  #productsPage,
  #businessPage,
  #projectsPage,
  #jobsPage {
    margin-top: 100px;
  }
  #appsSubMenu {
    top: 90px;
  }
  .f30 {
    font-size: 2.3rem;
  }
  .f23 {
    font-size: 1.8rem;
  }
  .fAQForm {
    width: 70%;
    bottom: 41%;
    left: 15%;
  }
  .f24,
  .f26 {
    font-size: 2rem;
  }
  .f40 {
    font-size: 3rem;
  }
  .f18 {
    font-size: 1.4rem;
  }
  #leadsRow1 .slideImg,
  #servicesRow1 .slideImg,
  #productsRow1 .slideImg {
    margin-top: 64px;
  }
  .quoteFormContainer {
    left: 10%;
    top: 82px;
    width: 80%;
  }
  #projectsRow2 p {
    min-height: 150px;
  }
  .p100-0 {
    padding: 50px 0;
  }
  #tabPlat,
  #tabBusiness,
  #tabBiz {
    border-radius: 0;
  }
  .silverBenefits li,
  .goldBenefits li {
    width: 40%;
    margin: 0 2% 30px;
  }
  #opportunitiesRow3 .joinButton,
  #projectsRow5 .col15 {
    width: 40%;
  }
  #productsRow3 .col50 {
    width: 94%;
  }
  #jobFeaturesList {
    margin-left: 3%;
  }
  #projectsSlider {
    top: 25%;
    width: 70%;
    left: 15%;
  }
  .jobsFeatures {
    margin: 0 auto 50px;
  }
  #jobsRow4,
  #websitesRow4 {
    margin-bottom: 150px;
  }
  .f17,
  .f16 {
    font-size: 1.6rem;
  }
  p {
    line-height: 1.7;
    margin-bottom: 5px;
  }
  .col70 {
    width: 99%;
  }
  #leadsRow2 .col50,
  #websitesRow2 .col50,
  .col60,
  .col80,
  .col40 {
    width: 98%;
  }
  header {
    padding: 5px;
  }
  .p20,
  .whyJoinBlocks {
    padding: 10px;
  }
  .mostB {
    top: 48%;
    width: 80%;
    left: 10%;
    color: #fff;
  }
  .fs22,
  .fs24,
  .fs20 {
    font-size: 16px;
  }
  .fs30 {
    font-size: 20px;
  }
  .fs40 {
    font-size: 28px;
  }
  .bobPicsWrap .col20 {
    width: 32%;
  }
  .bobPicsWrap {
    justify-content: center;
  }
  .pl20 {
    padding-left: 5px;
  }
  #blogsRow2 h2,
  #leadsRow2 h2,
  #blogsRow2 h3 {
    text-align: center;
  }
  #blogsRow2 .wrap {
    min-height: 150px;
  }
  #blogsIntro1 .black2BG,
  #blogsIntro3 .black2BG {
    min-height: 245px;
  }
  #directoryRow4 .col50 {
    width: 80%;
  }
  #jobsSlider {
    width: 70%;
    left: 15%;
    top: 20%;
  }
  #jobsSlider h1 {
    font-size: 84px;
  }
  #directoryRow5 h2 {
    font-size: 20px;
  }
  .moreReasons.col65,
  .investorContent,
  .investorBlocks,
  .col90 {
    width: 96%;
  }
  .entrepreneurTools .col20 {
    width: 33%;
  }
  .makeMoneyList .col20 {
    width: 33%;
  }
  .oppTabs.col50 {
    width: 80%;
  }
  .opporCatsWrap.show {
    height: 275px;
  }
  .oppsHeader {
    text-align: center;
  }
  .needMoreEvents {
    margin-top: 40px;
  }
  .col8 {
    width: 25%;
  }
  .mb50 {
    margin-bottom: 30px;
  }
  .classifiedsInfo {
    width: 96%;
    left: 2%;
  }
  #categoryListContainer .categoryListName {
    width: 33%;
  }
  #productCategoriesRight {
    display: none;
  }
  #productCategoriesLeft {
    width: 25%;
  }
  .welcomeFree {
    padding: 20px 0;
  }
  .featureListBG {
    bottom: -10%;
  }
  .listYourBusiness.mb100,
  #whyJoinRow5,
  #passiveRow4,
  #leadsRow5,
  #opportunitiesRow4,
  #productsRow4,
  #fundRow4,
  #directoryRow5 {
    margin-bottom: 100px;
  }
  .ads-scroller {
    margin-bottom: 40px;
  }
  .advertisement-card {
    width: 15%;
    max-width: 15%;
  }
  .catsListed {
    margin-bottom: 50px;
  }
  .benefit {
    width: 50%;
  }
  .closeSearch {
    display: none;
  }
  #cityListContainer {
    width: 75%;
  }
  #locationCol {
    width: 25%;
  }
  #searchCol {
    width: 55%;
  }
  .provsWrap .col11 {
    width: auto;
    margin: 0 10px;
  }
  #tabPublic,
  #tabCreator {
    border-radius: 0;
  }
  #upgradeBenefits li {
    width: 48%;
    margin: 0 1% 10px;
  }
  .contentInner {
    padding: 15px;
  }
  #mobileSearch {
    top: 50px;
    width: 100%;
    left: 0;
    padding: 4px;
    background: #fff;
  }
  .headerBG.show {
    box-shadow: none;
  }
  .advertisement img {
    height: 100%;
    object-fit: cover;
  }
  .p50 {
    padding: 25px;
  }
  .lookingBox {
    left: calc((100% - 760px) / 2);
    max-width: 760px;
  }
  footer {
    padding: 7px 5px;
  }
  .topBlock {
    width: 123%;
    bottom: 133px;
    padding: 3px;
    min-height: 255px;
    z-index: 12;
  }
  .howWeSpend.col50,
  .whyJoinBottomWrap .col50 {
    width: 96%;
  }
  #contactRow1 .col50,
  #contactRow2 .col50 {
    width: 96%;
  }
  #searchFilters {
    width: 40%;
  }
  #resultsList {
    width: 60%;
    padding-left: 10px;
  }
  .businessItem.flex {
    flex-flow: column;
  }
  .businessItem .col {
    width: 100%;
  }
  .businessHeader.flex {
    flex-flow: column;
  }
  .description {
    height: 130px;
  }
  #topSearch {
    position: fixed;
    width: 100%;
    top: 48px;
    left: 0;
    background: #fff;
    padding: 8px;
  }
  #missionSection {
    padding: 50px 0;
  }
  .missionWrap {
    margin-bottom: 30px;
  }
  .bottomAbout a {
    padding: 5%;
  }
  .mvImg {
    margin-left: 5px;
  }
  .btitle {
    bottom: 28%;
  }
  .circleTitle {
    height: 190px;
  }
  .upBtn {
    right: 1%;
  }
  .mb150,
  .mb100 {
    margin-bottom: 50px;
  }
  .mb30 {
    margin-bottom: 15px;
  }
  .textSection {
    padding: 0 10px;
  }
  .serviceListName {
    width: 50%;
  }
  #adRegister {
    margin: 30px 0 50px;
  }
  .registerAdvertiser {
    padding: 10px 0;
    width: 50%;
    left: 25%;
    bottom: 18.333%;
    height: 55%;
  }
  #advertiseTwo h3 {
    font-size: 18px;
  }
  .differentAds {
    font-size: 24px;
    margin-left: 10px;
  }
  .adJoinTitle,
  .bottomAbout h2 {
    margin-bottom: 5px;
    font-size: 24px;
  }
  .buildTitle {
    font-size: 30px;
    text-align: center;
  }
  .buildingBetter h4 {
    font-size: 18px;
  }
  .tubex {
    width: 100%;
    padding-left: 0;
  }
  .tabsLeft {
    width: 25%;
  }
  .exampleAds {
    width: 30%;
    padding: 100px 20px;
  }
  .adSlideOut.show {
    right: 29.8%;
  }
  .adSlideOut {
    width: 70%;
    height: 82%;
  }
  .tab {
    padding: 15px 10px;
  }
  .tabsRight {
    padding: 12px 25px;
    width: 75%;
  }
  .socialLinks {
    padding: 10px;
  }
  #support span {
    width: 125px;
  }
  .contactRight .rightWrap {
    min-height: 445px;
  }
  .col30 {
    width: 60%;
  }
  .registerWrap,
  .loginWrap {
    width: 70%;
  }
  .circle {
    height: calc(30vh);
  }
  .aCircle {
    height: 140px;
    width: 140px;
  }
  .aCircle h3 {
    font-size: 20px;
  }
  .circleTitle,
  .missionRight h2 {
    font-size: 40px;
  }
  #categoryTabContent {
    padding: 10px;
  }
  .sub-categories .col25 {
    width: 33.3333%;
  }
  .sub-categories h3 {
    font-size: 16px;
  }
  .poCatInner h2,
  .popLocInner h2 {
    font-size: 14px;
  }
  .sub-categories li {
    font-size: 14px;
  }
  #datingRow3 h2 {
    font-size: 28px;
  }
  .bizCatWrap h4 {
    font-size: 13px;
  }
  .webFeaturesWrap h4 {
    width: 90%;
    left: 5%;
    padding: 7px;
  }
  .picTitle {
    min-height: 52px;
    left: 0;
    width: 100%;
    font-size: 14px;
    text-align: center;
    border-radius: 0;
    border: none;
    padding: 9px 5px;
  }
  .postEvents {
    width: 94%;
  }
  #reasonsWeAreBetter h4 {
    font-size: 16px;
  }
  .statement {
    padding: 10px;
    font-size: 20px;
    line-height: 1.3;
  }
  #whyJoinOne {
    padding: 0 10px;
  }
  .whyJoinIntro {
    padding: 20px 0;
  }
  .mb70 {
    margin-bottom: 40px;
  }
  .socImg {
    width: 28px;
  }
  .mainTitle {
    font-size: 45px;
  }
  .whyJoin {
    padding: 20px 0;
  }
  .whatAnOppIs {
    width: 96%;
    left: 2%;
  }
  .problems .col20 {
    width: 48%;
    margin: 0 1% 5px;
  }
  .problems {
    justify-content: center;
  }
  .pointsThat.mc {
    width: 100%;
  }
  .websiteTab {
    min-width: 25%;
  }
  .jobTab {
    min-width: 24.667%;
    padding: 5px;
  }
  .jobTriangle {
    display: none;
  }
  .tubeDetail {
    padding: 5px;
    bottom: 28%;
    width: 96%;
    left: 2%;
    min-height: 135px;
  }
  .leadStep h3 {
    font-size: 20px;
  }
  #mobileSearch .cityCol {
    width: 33%;
  }
  .welcomeFree {
    width: 100%;
  }
  .oppCatTab {
    min-width: 24.5%;
  }
  .jobsFeatures {
    width: 70%;
  }
  .hoverBlock {
    width: 96%;
    left: 2%;
    top: 3%;
    padding: 5px;
  }
  .listTitle {
    bottom: 56%;
    font-size: 54px;
    color: var(--primary3);
  }
  .listSub {
    width: 60%;
    left: 20%;
    bottom: 34%;
  }
  .hoverBlock .mb20 {
    margin-bottom: 5px;
  }
  .bigadpic {
    min-height: 220px;
    object-fit: cover;
  }
  .benefitsAdvertise {
    width: 86%;
  }
  .catImg {
    max-width: 35px;
    margin-right: 10px;
  }
  #blogsRow4 h2 {
    font-size: 36px;
    text-align: center;
  }
  #blogsRow4 {
    text-align: center;
  }
  .blogReasons .col20 {
    width: 25%;
  }
  #footerMenu li {
    margin-right: 8px;
  }
  .listingBusinessWrap {
    margin-bottom: 100px;
  }
  .picTitle {
    min-height: 52px;
  }
  #bottomMenu a {
    margin-left: 5px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1600px) {
  .col80 {
    width: 96%;
  }
  .col70 {
    width: 90%;
  }
  .col60,
  .col65,
  .col50 {
    width: 86%;
  }
  #categoryListContainer .categoryListName {
    width: 25%;
  }
  .aboutCircles .col50 {
    width: 50%;
  }
  #benefitList {
    width: 60%;
    margin: auto;
  }
  .col30,
  .jobsFeatures {
    width: 40%;
  }
  .col.col30.auto.registerWrap,
  .col.col30.auto.loginWrap {
    width: 50%;
  }
  .col20 {
    width: 30%;
  }
  .typesCol {
    width: 20%;
  }
  #resultsList {
    padding-left: 50px;
  }
  .picTitle {
    width: 100%;
    left: 0%;
    border-radius: 15px;
  }
  #mobileSearch #typesCol,
  #mobileSearch #locationCol {
    width: 29%;
  }
  .slideImg {
    height: 500px;
  }
  #jobsSlider {
    width: 42%;
    left: 29%;
  }
  .col.col50.adImg {
    width: 50%;
  }
  .serviceListName {
    width: 33%;
  }
  header {
    padding: 5px 5px;
  }
  .hoverBlock {
    width: 80%;
    left: 10%;
    top: 12%;
  }
  .exampleAds {
    width: 20%;
  }
  .adSlideOut.show {
    right: 19.8%;
  }
  .adSlideOut {
    width: 60%;
  }
  .lookingBox {
    max-width: 876px;
    left: calc((100% - 876px) / 2);
    width: 100%;
  }
  #mobileSearch {
    width: 62%;
    left: 19%;
  }
  .quoteFormContainer {
    left: 15%;
    width: 70%;
  }
}