.clb-hamburger-nav .menu .menu-item-depth-0 > a:before {
  color: #000;
}
.ethnoroot-img {
  height: 100vh !important;
}
.calltry {
  height: 100vh !important;
}
.misostudy {
  height: 100vh !important;
}

@media (min-width: 320px) and (max-width: 767px) {
  .number {
    width: 600px;
    margin-left: 11%;
  }
  .client_logo_section .vc_col-sm-2 {
    width: 32.33% !important;
    display: inline-block !important;
  }
  .heading_outstanding_reviews h2 {
    font-size: 26px !important;
    margin-top: 60px !important;
  }
  /* .vc_row.vc_row-flex {
        display: block !important;
    } */
  .servises-main i {
    vertical-align: text-bottom;
    font-size: 12px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  body .our_packages_section .stuff-card .item-cards-text > a h3 {
    font-size: 20px !important;
    margin-bottom: 18px !important;
    padding-top: 20px !important;
  }
  body .our_packages_section .stuff-card p {
    font-size: 15px !important;
    line-height: 28px !important;
  }
  .stuff-card .cards-bottom button {
    font-size: 20px !important;
  }
  body .our_packages_section .stuff-card .item-cards-text > a h3 {
    font-size: 12px !important;
    margin-bottom: 18px !important;
    padding-top: 20px !important;
  }
  body .our_packages_section .stuff-card p {
    font-size: 11px !important;
    line-height: 16px !important;
  }
  .stuff-card .cards-bottom button {
    font-size: 14px !important;
  }

  .app-img #cgcs-img {
    height: 15vh !important;
  }
  body #ethno-img {
    width: auto !important;
    height: 75vh !important;
  }
  .client-inner-content {
    height: 75vh !important;
  }
  .client-inner-content {
    width: 101%;
  }
  .calltry {
    height: 75vh !important;
    padding-bottom: 97% !important;
  }
  .misostudy {
    height: 75vh !important;
  }
}

@media (min-width: 381px) and (max-width: 494px) {
  body .our_packages_section .item-cards,
  body .our_packages_section .stuff-card {
    height: auto !important;
    min-height: 250px !important;
  }
}

@media (min-width: 495px) and (max-width: 767px) {
  body .our_packages_section .item-cards,
  body .our_packages_section .stuff-card {
    height: auto !important;
    min-height: 305px !important;
  }
}

@media (min-width: 381px) and (max-width: 494px) {
  .apps-btn-div .apps-btn a {
    font-size: 12px !important;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .calltry {
    height: 40vh !important;
    padding-bottom: 55% !important;
    background-image: none !important;
  }
  .misostudy {
    height: 40vh !important;
    padding-bottom: 60% !important;
    background-image: none !important;
  }
}

/* =========================================
   PHONE CALLBACK FORM - RESPONSIVE
========================================= */

.get-call-back-div .phonenumber {
  width: 80%;
  max-width: 100%;

  margin: 20px 0 0 0 !important;
  padding: 1px 10px !important;

  display: grid;
  grid-template-columns: 60px minmax(0, 1fr) 135px;
  gap: 6px;

  align-items: center;
  box-sizing: border-box;

  background: #ffffff !important;
  border: none !important;
  box-shadow: none !important;

  border-radius: 30px;

  overflow: hidden;
  height: 60px;
}

/* =========================================
   COUNTRY CODE
========================================= */

.get-call-back-div .phonenumber > input.countrycode {
  width: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;

  height: 46px !important;

  margin: 0 !important;
  padding: 0 8px !important;

  box-sizing: border-box;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;

  outline: none !important;
}

/* Hide duplicate CF7 Country Code field */

.get-call-back-div
  .phonenumber
  > .wpcf7-form-control-wrap[data-name="countrycode"] {
  display: none !important;
}

/* =========================================
   PHONE NUMBER WRAPPER
========================================= */

.get-call-back-div
  .phonenumber
  > .wpcf7-form-control-wrap[data-name="short-callback-mobile"] {
  width: 100%;
  min-width: 0;

  margin: 0 !important;
  padding: 0 !important;

  display: block;
  box-sizing: border-box;
}

/* =========================================
   PHONE NUMBER INPUT
========================================= */

.get-call-back-div .phonenumber .short-callback-mobile {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;

  height: 46px !important;

  margin: 0 !important;
  padding: 0 12px !important;

  box-sizing: border-box;

  background: transparent !important;

  border: none !important;
  border-width: 0 !important;
  box-shadow: none !important;

  outline: none !important;
}

/* Remove focus border/shadow */

.get-call-back-div .phonenumber .short-callback-mobile:focus,
.get-call-back-div .phonenumber .short-callback-mobile:active {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Remove Number Spinner */

.get-call-back-div
  .phonenumber
  .short-callback-mobile::-webkit-inner-spin-button,
.get-call-back-div
  .phonenumber
  .short-callback-mobile::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.get-call-back-div .phonenumber .short-callback-mobile {
  -moz-appearance: textfield;
}

/* =========================================
   GET A CALL BACK BUTTON
========================================= */

.get-call-back-div .phonenumber .short-callback-submit {
  width: 135px !important;
  min-width: 135px !important;
  max-width: 135px !important;

  height: 38px !important;

  margin: 0 !important;
  padding: 0 12px !important;

  box-sizing: border-box;

  display: block;
  align-self: center;

  border-radius: 20px !important;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {
  .get-call-back-div .phonenumber {
    grid-template-columns: 56px minmax(0, 1fr) 120px;
    gap: 5px;

    padding: 5px !important;
  }

  .get-call-back-div .phonenumber > input.countrycode {
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;

    height: 44px !important;
  }

  .get-call-back-div .phonenumber .short-callback-mobile {
    height: 44px !important;
    font-size: 14px;
  }

  .get-call-back-div .phonenumber .short-callback-submit {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;

    height: 36px !important;

    font-size: 13px;
  }
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {
  .get-call-back-div .phonenumber {
    grid-template-columns: 55px minmax(0, 1fr) 105px;
    gap: 4px;

    padding: 5px !important;
  }

  .get-call-back-div .phonenumber > input.countrycode {
    width: 55px !important;
    min-width: 55px !important;
    max-width: 55px !important;

    height: 43px !important;
    font-size: 14px;
  }

  .get-call-back-div .phonenumber .short-callback-mobile {
    height: 43px !important;
    font-size: 14px;
  }

  .get-call-back-div .phonenumber .short-callback-submit {
    width: 105px !important;
    min-width: 105px !important;
    max-width: 105px !important;

    height: 35px !important;

    font-size: 12px;
    padding: 0 6px !important;
  }
}

/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 380px) {
  .get-call-back-div .phonenumber {
    grid-template-columns: 52px minmax(0, 1fr) 95px;
    gap: 3px;

    padding: 5px !important;
  }

  .get-call-back-div .phonenumber > input.countrycode {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;

    padding: 0 5px !important;
  }

  .get-call-back-div .phonenumber .short-callback-submit {
    width: 95px !important;
    min-width: 95px !important;
    max-width: 95px !important;

    height: 34px !important;

    font-size: 11px;
    padding: 0 4px !important;
  }
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {
  .get-call-back-div .phonenumber {
    grid-template-columns: 56px minmax(0, 1fr) 120px;
    gap: 0px;

    width: 100%;
    max-width: 100%;
  }

  .get-call-back-div .phonenumber > input.countrycode {
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;

    height: 46px !important;
  }

  .get-call-back-div .phonenumber .short-callback-mobile {
    height: 46px !important;
    font-size: 14px;
  }

  .get-call-back-div .phonenumber .short-callback-submit {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;

    height: 46px !important;
    font-size: 13px;
  }
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {
  .get-call-back-div .phonenumber {
    grid-template-columns: 55px minmax(0, 1fr) 105px;
    gap: 0px;

    width: 100%;
    max-width: 100%;
  }

  .get-call-back-div .phonenumber > input.countrycode {
    width: 55px !important;
    min-width: 55px !important;
    max-width: 55px !important;

    height: 45px !important;
    font-size: 14px;
  }

  .get-call-back-div .phonenumber .short-callback-mobile {
    height: 45px !important;
    font-size: 14px;
  }

  .get-call-back-div .phonenumber .short-callback-submit {
    width: 105px !important;
    min-width: 105px !important;
    max-width: 105px !important;

    height: 45px !important;
    font-size: 12px;
    padding: 0 6px !important;
  }
}

/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 380px) {
  .get-call-back-div .phonenumber {
    grid-template-columns: 52px minmax(0, 1fr) 95px;
    gap: 0px;
  }

  .get-call-back-div .phonenumber > input.countrycode {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;

    padding: 0 5px !important;
  }

  .get-call-back-div .phonenumber .short-callback-submit {
    width: 95px !important;
    min-width: 95px !important;
    max-width: 95px !important;

    font-size: 11px;
    padding: 0 4px !important;
  }
}

.radio_button {
  width: 281px;
  margin: auto;
}

input[type="radio"] {
  padding: 5px;
}

.menu-countryflag2 {
  width: 30px;
  height: 15px;
  display: block;
  float: left;
  --vw-background: url(https://cdn.visiwebsolutions.com/assets/images/flag-1.png);
  background-image: none;
  background-repeat: no-repeat;
  text-align: center;
  margin-top: 8px;
  background-size: contain;
}

html:not(.js) :is(.menu-countryflag2) {
  background-image: var(--vw-background) !important;
}

.menu-countryflag3 {
  width: 30px;
  height: 15px;
  display: block;
  float: left;
  --vw-background: url(https://cdn.visiwebsolutions.com/assets/images/flag-2.png);
  background-image: none;
  background-repeat: no-repeat;
  text-align: center;
  margin-top: 8px;
  background-size: contain;
}

html:not(.js) :is(.menu-countryflag3) {
  background-image: var(--vw-background) !important;
}

@media (min-width: 1920px) {
  body #calltry-img {
    height: 100ch !important;
  }
}

@media (min-width: 768px) {
  .img1 {
    visibility: hidden;
  }

  .img2 {
    visibility: hidden;
  }
}

@media (max-width: 768px) {
  .app-img1 {
    background-image: none !important;
    padding-bottom: 0 !important;
    height: auto !important;
  }
}

@media (min-width: 1920px) {
  .app-img1 {
    height: 100vh !important;
  }

  #calltry-img {
    height: 100vh !important;
  }
}

#calltry-img {
  height: 100vh !important;
}

#ethno-img {
  height: 100vh !important;
  max-width: 100% !important;
}

@media (min-width: 768px) {
  .img1 {
    visibility: hidden;
  }

  .img2 {
    visibility: hidden;
  }
}

@media (max-width: 768px) {
  .app-img1 {
    background-image: none !important;
    height: auto !important;
  }
}

@media (min-width: 1920px) {
  .app-img1 {
    height: 100vh;
  }
}

#misostudy-img {
  height: 100vh;
}