/********** Desktop & Below View **********/
@media screen and (max-width: 1299px) {
  /***** General Styling *****/
  .BackToTopBtn {
    bottom: 20%;
  }
  /***** End of General Styling *****/
}

@media screen and (max-width: 1156px) {
  /***** Homepage *****/
  .reclaim_left_3 {
    margin-top: 0;
  }
  /***** End of Homepage *****/
}

@media screen and (max-width: 1024px) {
  /***** Homepage *****/
  .reclaim_left_1:before {
    content: "";
    background: url('../images/tgsm-reclaim-icon-1.png');
    background-repeat: no-repeat;
    background-size: 30px;
    position: absolute;
    left: -40px;
    top: 5px;
    height: 30px;
    width: 30px;
  }
  .reclaim_left_2:before {
    content: "";
    background: url('../images/tgsm-reclaim-icon-2.png');
    background-repeat: no-repeat;
    background-size: 30px;
    position: absolute;
    left: -40px;
    top: 0;
    height: 30px;
    width: 30px;
  }
  .reclaim_left_3:before {
    content: "";
    background: url('../images/tgsm-reclaim-icon-3.png');
    background-repeat: no-repeat;
    background-size: 30px;
    position: absolute;
    left: -40px;
    top: 0;
    height: 30px;
    width: 30px;
  }
  .reclaim_right_1:before {
    content: "";
    background: url('../images/tgsm-reclaim-icon-4.png');
    background-repeat: no-repeat;
    background-size: 30px;
    position: absolute;
    left: -40px;
    top: 0;
    height: 35px;
    width: 30px;
  }
  .reclaim_right_2:before {
    content: "";
    background: url('../images/tgsm-reclaim-icon-5.png');
    background-repeat: no-repeat;
    background-size: 30px;
    position: absolute;
    left: -40px;
    top: 0;
    height: 30px;
    width: 30px;
  }
  .reclaim_right_3:before {
    content: "";
    background: url('../images/tgsm-reclaim-icon-6.png');
    background-repeat: no-repeat;
    background-size: 30px;
    position: absolute;
    left: -40px;
    top: 0;
    height: 30px;
    width: 30px;
  }
  /***** End of Homepage *****/
}
/********** End of Desktop & Below View **********/


/********** Tablet View **********/
@media screen and (max-width: 1024px) and (min-width: 768px) {
  /***** General Styling *****/
  body h1, body .entry-content h1, body .entry-content h1.elementor-heading-title, body .tribe-events-single h1 {
    font-size: 40px;
  }
  body h2, body .entry-content h2, body .entry-content h2.elementor-heading-title,
  html body div .font_h2:not(.elementor-element), html body div .font_h2.elementor-element div * {
    font-size: 26px;
  }
  html body div .font_size_40px:not(.elementor-element), html body div .font_size_40px.elementor-element div * {
    font-size: 35px;
  }
  /***** End of General Styling *****/

  /***** Homepage *****/
  body .sp_wrapper a:hover > p {
    height: 260px;
    width: 310px;
  }
  /***** End of Homepage *****/
}
/********** End of Tablet View **********/


/********** Mobile View **********/
@media screen and (max-width: 767px) {
  /***** General Styling *****/
  body h1, body .entry-content h1, body .entry-content h1.elementor-heading-title, body .tribe-events-single h1 {
    font-size: 35px;
  }
  body h2, body .entry-content h2, body .entry-content h2.elementor-heading-title,
  html body div .font_h2:not(.elementor-element), html body div .font_h2.elementor-element div * {
    font-size: 24px;
  }
  body p, body .entry-content p, body .entry-content p.elementor-heading-title,
  body ul li, body .entry-content ul li, body .entry-content ul li.elementor-heading-title {
    font-size: 16px;
  }
  html body div .font_size_40px:not(.elementor-element), html body div .font_size_40px.elementor-element div * {
    font-size: 30px;
  }
  .tgsm_button .elementor-widget-container a,
  body div .yellow_button {
    font-size: 16px;
    height: 40px;
  }
  a.tgsm_code_btn {
    font-size: 16px;
  }
  .footer_social_media {
    position: absolute !important;
    width: 50% !important;
    left: 0;
    transform: translate(150px, -10px);
  }
  .BackToTopBtn {
    bottom: 3%;
  }
  /***** End of General Styling *****/

  @media screen and (max-width: 767px) {
    /***** Homepage *****/
    .sp_wrapper {
      flex-direction: column;
    }
    .sp_wrapper a {
      width: 100%;
    }
    body .sp_wrapper a > p {
      height: 50px;
      width: 260px;
    }
    body .sp_wrapper a:hover > p {
      height: 250px;
      width: 265px;
    }
    .sp_wrapper a:first-child {
      margin-right: 0px;
      margin-bottom: 20px;
    }
    /***** End of Homepage *****/
  }
}
/********** Mobile View **********/