@media all and (max-width: 1400px) {

  /* Short Widget */

  .cits-single-hosting-short-plan-group,
  .cits-single-hosting-plan-group,
  .cits-single-hosting-testing-plan-group,
  .cits-existing-site-content,
  .cits-hosting-safe-plan-content,
  .cits-best-vpn-bottom-content,
  .cits-tab-content,
  .cits-hosting-yearly-plan-content,
  .cits-advisor-rating-area {
    overflow-x: scroll;
  }

  .cits-single-hosting-short-plan,
  .cits-single-hosting-plan,
  .cits-single-hosting-testing-plan,
  .cits-single-safe-plan-content,
  .cits-single-best-vpn-bottom-item,
  .cits-card,
  .cits-single-yearly-hosting-plan,
  .cits-advisor-rating-area table {
    width: 1160px;
  }

  .cits-single-existing-plan-content {
    width: 1230px;
  }

  /*  */

  .cits-hosting-service-plan-top {
    padding: 30px 40px;
    margin-bottom: 30px;
  }

  .cits-single-top-feature {
    flex-basis: 31.8%;
  }

}

@media all and (max-width: 1200px) {

  .cits-single-hosting-plan {
    padding: 50px 30px;
  }

  .cits-single-hosting-image img {
    width: 200px;
  }

  .cits-single-hosting-plan-short {
    padding: 30px;
  }

  .cits-hosting-plan-short-content {
    width: 60%;
  }

  .cits-single-hosting-plan-testing {
    padding: 30px;
  }

  .cits-hosting-plan-title h2 {
    font-size: 35px;
    line-height: 45px;
  }

  .cits-hosting-plan-title p {
    margin: 15px auto 35px;
  }

  .cits-single-plan-safe-content {
    padding: 30px;
  }

  .cits-single-plan-safe-content>img {
    width: 200px;
  }

  .cits-single-hosting-plan-year {
    padding: 30px;
  }

  .cits-single-featured-item img {
    width: 175px;
  }


  /* Short Widget */

  .cits-single-hosting-short-plan {
    margin: 25px 0;
  }

  .cits-hosting-service-plan-top {
    padding: 30px;
    margin-bottom: 30px;
  }

  .cits-single-safe-plan-content {
    margin: 30px 0;
    padding: 40px;
  }

  .cits-featured-content {
    flex-wrap: wrap;
  }

  .cits-single-featured-item {
    flex-basis: 42%;
  }

  .cits-single-top-feature {
    flex-basis: 31.5%;
  }

  .cits-web-hosting-popular-badge {
    left: 0;
  }

  .cits-single-hosting-pick-plan-content {
    gap: 90px;
  }



}

@media all and (max-width: 991px) {

  .cits-single-featured-item {
    flex-basis: 47%;
  }

  .cits-single-top-feature {
    flex-basis: 48%;
  }

  .cits-single-hosting-pick-plan-content img {
    width: 125px;
  }

  .cits-single-hosting-pick-plan-content {
    gap: 40px;
  }

}

@media all and (max-width: 767px) {

  .cits-hosting-plan-title h2 {
    font-size: 25px;
    line-height: 35px;
  }

  .cits-hosting-plan-title p {
    margin: 10px auto 20px;
  }

  .cits-hosting-service-plan-top-group {
    overflow-x: scroll;
    margin-bottom: 20px;
  }

  .cits-hosting-service-plan-top {
    width: 700px;
    margin-bottom: 20px;
    padding: 30px;
  }

  .cits-hosting-testing-plan-logo img {
    margin: 0 auto;
  }

  .cits-hosting-service-plan-top-left-content h2 {
    font-size: 25px;
    padding-bottom: 5px;
  }

  .cits-hosting-service-plan-top-right h3 {
    font-size: 22px;
    margin: 8px 0;
  }

  .cits-service-plan-faq-title h2 {
    font-size: 18px;
    line-height: 22px;
  }

  .cits-service-plan-faq-content {
    padding: 20px 0 0 0;
  }

  .cits-hosting-service-plan-area>a {
    margin: 30px auto;
  }

  .cits-single-hosting-pick-plan-area {
    padding: 20px 30px;
  }

  .cits-hosting-pick-content {
    overflow-x: scroll;
  }

  .cits-single-hosting-pick-plan-area {
    width: 750px;
  }

  .cits-single-safe-plan-content {
    margin: 20px 0;
    padding: 25px;
    width: 100%;
    flex-direction: column;
    gap: 25px;
    align-items: baseline;
  }

  .cits-single-safe-plan-content>img {
    width: 200px;
  }

  .cits-single-featured-item {
    flex-basis: 75%;
  }

  .cits-single-top-feature {
    flex-basis: 75%;
  }

  .cits-service-plan-pros-cons {
    flex-wrap: wrap;
  }

  .cits-single-hosting-pick-plan-area {
    width: 100%;
    flex-direction: column;
    gap: 20px;
  }

  .cits-single-hosting-pick-plan-content {
    flex-direction: column;
  }

  .cits-single-hosting-pick-plan-content>div {
    text-align: center;
  }

  .cits-single-yearly-hosting-plan {
    width: 100%;
    flex-direction: column;
    gap: 25px;
    align-items: center;
  }

  .cits-single-hosting-yearly-plan-content {
    text-align: center;
  }

  .cits-single-existing-plan-content {
    width: 100%;
    padding: 25px;
  }

  .cits-single-existing-plan-content-top {
    flex-direction: column;
    gap: 20px;
  }

  .cits-single-existing-plan-info {
    flex-direction: column;
    align-items: center;
  }

  .cits-single-existing-plan-info-title {
    padding-right: 0;
    margin-right: 0;
    text-align: center;
  }

  .cits-single-existing-plan-info-title::after {
    display: none;
  }

  .cits-single-featured-item {
    flex-basis: 100%;
  }

  .cits-single-top-feature {
    flex-basis: 100%;
  }

  .cits-single-best-vpn-bottom-item {
    width: 100%;
    flex-direction: column;
    padding: 25px;
    gap: 15px;
    align-items: baseline;
  }

  .cits-single-best-vpn-item-logo p {
    max-width: 100%;
  }

  .cits-single-best-vpn-item-facilities,
  .cits-progress-container,
  .cits-progress-text {
    width: 100%;
  }

  .cits-card {
    width: 100%;
    flex-direction: column;
  }

  .cits-card-content h2 {
    font-size: 20px;
    line-height: 30px;
  }

  .cits-tabs {
    margin-bottom: 30px;
  }

  .cits-single-hosting-yearly-plan-image {
    padding: 10px 25px;
  }

  .cits-single-safe-plan-rating h2 {
    font-size: 30px;
  }

  .cits-single-safe-plan-price h2 {
    font-size: 30px;
    line-height: 45px;
  }

  .cits-single-safe-plan-rating {
    text-align: left;
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .cits-single-safe-plan-price {
    text-align: left;
    width: 100%;
  }

  .cits-single-top-feature:nth-child(2) {
    transform: scale(1);
  }

  .cits-hosting-short-plan-content h2 {
    font-size: 20px;
    line-height: 30px;
  }

  .cits-best-vpn-top-content {
    margin-bottom: 0;
  }


}

@media all and (max-width: 575px) {

  .cits-single-hosting-plan {
    flex-direction: column;
    gap: 25px;
    width: 100%;
  }

  .cits-single-hosting-info-top {
    align-items: center;
  }

  .cits-single-hosting-info-top a:nth-child(2) {
    margin: 25px 0;
  }

  .cits-single-hosting-short-plan {
    flex-direction: column;
    width: 100%;
  }

  .cits-hosting-short-plan-content {
    width: 100%;
  }

  .cits-single-hosting-testing-plan {
    flex-direction: column;
    width: 100%;
    gap: 15px;
    margin: 20px 0;
    grid-template-columns: repeat(1, 1fr);
    text-align: center;
  }

  .cits-hosting-service-plan-top {
    flex-direction: column;
    width: 100%;
    gap: 20px;
  }

  .cits-hosting-service-plan-top-left {
    flex-basis: 100%;
    align-items: flex-start;
  }

  .cits-hosting-service-plan-top-right {
    flex-basis: 100%;
    max-width: 100%;
  }

  .cits-single-existing-plan-info-title h2 {
    margin-top: 0;
  }

  .cits-single-existing-plan-info-title h4 {
    margin: 0;
  }

  .cits-card img {
    height: 250px !important;
  }

  .cits-single-yearly-hosting-plan {
    padding: 25px;
  }

  .cits-hosting-short-plan-image {
    width: 100%;
    text-align: center;
  }

  .cits-hosting-short-plan-image img {
    width: 200px;
    height: auto;
  }

  .cits-hosting-short-plan-button {
    width: 100%;
    text-align: center;
  }

  .cits-hosting-testing-plan-details a {
    justify-content: center;
  }



}