textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}

@media only screen and (max-width: 1530px) {
  .tube-heading h1 {
    font-size: 4vw;
    line-height: 6.5vw;
  }
}

@media only screen and (max-width: 1202px) {
  .tube-btn p {
    font-size: 12px;
    line-height: 12px;
  }
}


@media only screen and (max-width: 1230px) {
  .hero-text h1 {
    font-size: 54px;
    line-height: 54px;
    max-width: 400px;
  }
}

@media only screen and (max-width: 992px) {
  .accordion,
  .panel,
  .content-download {
    width: calc(100vw - 40px);
  }
}

@media only screen and (max-width: 1300px) {
  .menu-item a {
    font-size: 14px;
  }

  nav button {
    font-size: 14px;
  }

  .item4 a {
    top: -2px;
    position: relative;
  }

  .chevron {
    margin-left: 5px;
    margin-right: 10px;
    width: 15px;
    height: 15px;
  }

  .chevron img {
    width: 7px !important;
  }
}

@media only screen and (max-width: 1100px) {
  .menu-item a {
    font-size: 12px;
  }

  .item4 a {
    top: -4px;
    position: relative;
  }
}

@media only screen and (max-width: 1400px) {
  .singapore-contact {
    padding: 0px 40px 0px 70px;
    height: 385px;
  }

  .global-contact {
    padding-left: 40px;
  }
}

@media only screen and (max-width: 1185px) {
  .singapore-contact {
    padding: 0px 20px 0px 35px;
  }

  .global-contact {
    padding-left: 20px;
  }

  .global-contact p {
    width: 200px;
  }

  .singapore-contact p {
    width: 140px;
  }
}

@media only screen and (max-width: 1250px) {
  .mySlides p {
    font-size: 36px;
    line-height: 39px;
  }
}

@media only screen and (min-width: 1000px) {
  .slideshow-container {
    width: calc(100% - 300px);
  }
}

@media only screen and (min-width: 1025px) {
  .cart-totals {
    margin-top: 77px;
  }
}

@media only screen and (min-width: 852px) {
  .mb-but {
    display: none !important;
  }

  .contact-form {
    min-width: 450px;
  }

  .modal-contentsub .contact-form {
    min-width: 250px;
  }
}

@media only screen and (max-width: 851px) {
  .tools-cards {
    display: block;
  }

  .mb-but {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 1400px) {
  .cart-items .store_block {
    padding: 64px 50px;
  }
}

@media only screen and (max-width: 1025px) {
  .why-cards {
    grid-template-columns: 50% 50%;
    justify-content: center;
    justify-items: center;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .tube-heading h1 {
    padding-bottom: 30px;
    max-width: 400px;
    margin: auto;
    font-size: 32px;
    line-height: 38px;
  }

  .left-btn,
  .center-btns {
    width: 20%;
  }

  .right-btns {
    width: 54%;
  }

  .tube-flex {
    flex-wrap: wrap;
  }

  .tube-heading h1 {
    text-align: center;
  }

  .tube-heading {
    width: 100%;
  }

  .center-btn svg {
    max-height: 50px;
  }

  .tube-btn p,
  .center-btn p {
    font-size: 12px;
    line-height: 16px;
  }

  .tube-section {
    padding: 60px 20px;
  }

  .list-grid {
    grid-template-columns: 100%;
  }

  .document-search .list {
    max-width: 300px;
  }

  .document-search .list {
    left: 0px !important;
  }

  .blog-hero-link {
    bottom: 0%;
  }

  .two-col {
    column-gap: 20px;
  }

  .blog-grid {
    grid-template-columns: 49% 49%;
  }

  .cta-sec div {
    display: block;
  }

  .request-page {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .blog-hero-vid {
    bottom: 20px;
  }

  .gls-webimg {
    margin-bottom: -100px;
  }

  .product-btn {
    width: 112.5px;
    height: 50px;
  }

  .product-btn p {
    font-size: 12px;
    line-height: 14px;
  }

  .search-box {
    padding-bottom: 20px;
  }

  .loc-flex {
    padding-left: 0px;
    padding-right: 0px;
  }

  .pro-buttons {
    left: calc(50% - 228px);
  }

  .lrg-img img,
  .lrg-img-guest img {
    width: 100%;
    height: auto;
    position: relative;
    top: -30px;
  }

  .hero .contact-form {
    padding: 20px;
  }

  .mh2 {
    font-size: 45px !important;
    line-height: 48px !important;
  }

  .mh4 {
    font-size: 16px !important;
    line-height: 19px !important;
  }

  .linkedin-icon {
    width: 30px;
    right: -15px;
  }

  .speakers-ppl {
    grid-template-columns: 28% 28% 28%;
    column-gap: 8%;
  }

  .lrg-img,
  .lrg-img-guest {
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .singapore-contact {
    height: auto;
  }

  .panel table tr .red-btn {
    font-size: 12px;
    padding: 4px 5px;
    width: 100%;
    text-align: center;
  }

  .cat-back {
    padding-left: 20px;
  }

  .button-box {
    padding-right: 30px;
  }

  .product-grid-item {
    padding-left: 20px;
  }

  .product-grid-item img {
    margin-right: 15px;
    width: 20px;
  }

  .product-grid-item h2 {
    font-size: 16px;
  }

  .cat-grid {
    grid-template-columns: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .register-container {
    padding: 64px 20px;
  }

  .panel table {
    overflow: scroll;
  }

  .sub-right {
    margin-left: 0px;
  }

  .about-subs {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sub-image img {
    width: 100%;
    margin-top: 20px;
  }

  .sub-right,
  .sub-left {
    max-width: 100%;
  }

  .about-sub {
    display: block;
  }

  .cv-sec {
    padding: 50px 20px;
  }

  .plans-col1 {
    width: 250px;
  }

  .sub-col1 {
    width: 250px;
  }

  #product-data {
    display: block;
  }

  .plans-table-title {
    grid-template-columns: 250px 84px auto auto auto;
  }

  .pln-but span {
    display: none;
  }

  .plans-table-content {
    grid-template-columns: 250px 84px auto auto auto;
  }

  .product-col1,
  .product-col2 {
    border: none;
    padding-right: 20px;
    padding-left: 20px;
    width: calc(100% - 40px);
  }

  .product-col1 table {
    width: 100%;
  }

  .right-nav-dark {
    display: none;
  }

  .contact-page {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .contact-section {
    display: block;
  }

  .contact-form {
    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% - 40px);
    max-width: 985px;
  }

  .global-contact p {
    width: calc(100% - 40px);
  }

  .contact-form .field {
    width: 100%;
  }

  .singapore-contact p {
    width: 200px;
  }

  .singapore-contact {
    padding-right: 20px;
    padding-left: 20px;
  }

  .global-contact {
    padding-right: 20px;
    padding-left: 20px;
  }

  .download-content {
    padding-left: 20px;
    padding-right: 50px;
  }

  .download-content p {
    line-height: 19px;
  }

  .free-close {
    right: 20px;
  }

  #home-hero {
    background-position: right bottom;
    background-size: 80%;
    height: 60vh;
  }

  #products-hero {
    background-position: right bottom;
    background-size: 50%;
  }

  .hero-text {
    margin-top: 40px;
  }

  .blog-hero img {
    height: 50%;
  }

  .about-cta img {
    display: none;
  }

  .modal-img {
    padding: 12.5px;
    border: 1px solid #fff;
    border-radius: 50%;
  }

  .modal-img2 {
    padding: 14.5px 12.5px;
    border: 1px solid #fff;
    border-radius: 50%;
  }

  .portal-btns {
    grid-template-columns: 50% 50%;
  }

  .portal-btn h2 {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .portal-btn {
    margin-bottom: 10px;
  }

  .cart-full-items {
    grid-template-columns: 100%;
  }

  .cart-items {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 851px) {
  .dk-but {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) {
  #Bronze,
  .plan-nav-but,
  #Gold,
  #Silver {
    display: none !important;
  }
}

@media only screen and (max-width: 768px) {
  .right-nav-dark,
  .plans-table-section,
  .pl-top-dt,
  .pp-active-tm,
  .pp-active,
  .pp-active-st,
  .pp-active-ml,
  .pp-active-mp {
    display: none;
  }

  #tube-content-page {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .indv-tube-flex {
    flex-direction: column;
  }

  .tube-img-indv {
    max-width: 100%;
}

  #tube-content-page .product-col2,
  #tube-content-page .product-col1 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .tube-flex {
    flex-wrap: wrap;
    gap: 4%;
  }

  .tube-heading {
    width: 100%;
    padding-bottom: 30px;
  }

  .tube-section {
    padding: 30px 20px;
  }

  .tube-heading h1 {
    font-size: 32px;
    line-height: 38px;
    text-align: center;
    padding-bottom: 0;
  }

  .left-btn {
    width: 48%;
  }

  .tube-btn {
    flex-direction: row;
  }

  .tube-btn,
  .tube-btn-box {
    height: 30px;
  }

  .tube-btn p {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
  }

  .tube-sticky {
    position: static;
  }

  .colour-strip {
    height: 10px;
    width: 5px;
  }

  .center-btns {
    width: 48%;
  }

  .right-btns {
    width: 100%;
    padding-top: 30px;
  }

  .tube-flex-text {
    flex-direction: column;
  }

  .tube-50 {
    width: 100%;
  }

  .tube-box h2 {
    font-size: 27px;
    line-height: 31px;
  }

  .center-btns-box,
  .center-btn {
    height: 83px;
    gap: 5px;
  }

  .center-btn svg {
    height: calc(100% - 35px);
  }

  .reverse {
    flex-direction: column;
    padding-top: 30px;
  }

  .grid-items-4 {
    grid-template-columns: 1fr 1fr;
  }

  .link-hero-text h1, .link-hero-text h4 {
    width: 100% !important;
  }

  .link-hero-text p {
    width: 100% !important;
    font-size: 16px !important;
    line-height: 21px !important;
    margin-bottom: 30px !important;
  }

  #linkedin-form {
    width: 100%;
    padding: 30px 20px;
  }

  .link-grid h3 {
    font-size: 27px !important;
    line-height: 29px !important;
  }

  .tube-chapters {
    column-count: 1;
  }

  .linkedin-header {
    font-size: 27px !important;
    line-height: 29px !important;
  }

  .count-item {
    height: 150px;
  }

  .red-count {
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 10px;
  }

  .link-hero-text {
    width: 100%;
  }

  .link-hero-text h1 {
    width: 100%;
  }

  .link-hero-text h4 {
    width: 100%;
  }

  .link-hero-text {
    padding: 0;
  }

  .mls-flex {
    flex-direction: column
  }

  .mls-flex a {
    width: 100%;
    gap: 20px;
}

  #home-loc p {
    font-size: 27px;
    line-height: 31px;
  }

  .linkedin-sec h2 {
    font-size: 27px;
    line-height: 29px;
  }

  .trending-grid div {
    height: 120;
  }

  .trending-grid h4 {
    font-size: 16px;
    line-height: 21px;
  }

  .home-sec h3,
  .home-video h3,
  .dark-link h3 {
    font-size: 35px;
    line-height: 38px;
  }

  .subclosewp {
    margin-right: 0;
  }

  #loc-hero {
    width: 100% !important;
  }

  .loc-flex {
    flex-direction: column;
  }

  .loc-col1 {
    max-width: 767px;
  }

  .web-btns {
    bottom: 10px;
    left: 0 !important;
  }

  .web-btns button .web-btns button {
    width: 110px;
    font-size: 12px;
  }

  #loc-container {
    margin-top: 20px;
  }

  #ops-search .loc-col1 {
    display: none;
  }

  .loc-col2 {
    padding-top: 30px;
  }

  .loc-col1,
  .loc-col2 {
    width: 100%;
  }

  .tabcontent {
    padding: 50px 20px;
  }

  .webinar-item:nth-child(odd) {
    border-right: none;
  }

  .webinar-item:nth-child(2) {
    border-top: 1px solid #81817d;
  }

  .loc-content {
    padding: 30px 20px;
  }

  .loc-col1 .sticky-left {
    display: flex;
    column-gap: 20px;
    overflow: scroll;
    position: static;
  }

  .sticky-left .button-box:first-child {
    display: none;
  }

  .bc-flex {
    flex-direction: column;
  }

  .bc-left,
  .bc-right {
    width: 100%;
  }

  .button-active .active-line {
    display: none;
  }

  .button-box {
    padding-right: 0px;
  }

  #searchInput::placeholder,
  #searchInput {
    font-size: 16px;
  }

  .blog-posts {
    width: 100%;
    max-width: 768px;
  }

  .cta-sec div {
    display: block;
  }

  .blog-mob-cat {
    display: block;
    padding-bottom: 20px;
  }

  .blog-des-cat {
    display: none;
  }

  .cta-sec p {
    text-align: center;
    padding-right: 0px;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
  }

  .blog-section {
    display: block;
  }

  .red-bor {
    font-size: 16px;
    line-height: 19px;
  }

  .trending-grid {
    grid-template-columns: 100%;
  }

  .cta-sec button {
    margin: auto;
    display: block;
  }

  .blog-content .product-col2,
  .blog-content .product-col1 {
    width: 90%;
  }

  .blog-content .product-col1 {
    padding-left: 0px;
    padding-right: 0px;
    margin: auto;
  }

  .request-form,
  .quick-quote {
    padding: 30px 20px;
  }

  .select-lp {
    grid-template-columns: 100%;
  }

  .left-al {
    padding-right: 0px;
  }

  .right-al {
    padding-left: 0px;
  }

  .store_block {
    padding: 20px;
  }

  .blog-content img {
    width: 100% !important;
  }

  .page-back img {
    width: 5px !important;
  }

  .blog-hero-vid {
    width: 100%;
  }

  .speakers-ppl {
    grid-template-columns: 100%;
  }

  .gls-webimg,
  .gls-webinarimg {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .webinar-grid {
    grid-template-columns: 100%;
  }

  .webinar-item {
    padding: 30px 0px 60px 0px !important;
  }

  .hero-content {
    display: block;
  }

  .hero .contact-form {
    position: relative;
    padding: 20px;
  }

  .text-hero {
    min-height: 300px;
  }

  .link-grid {
    grid-template-columns: 100%;
  }

  .two-fields input {
    width: 100% !important;
  }

  .blog-hero h1 {
    padding-top: 35px !important;
  }

  .link-wid .sub-image,
  .link-wid .sub-right,
  .link-wid .sub-left {
    width: 100%;
  }

  .mob-hide {
    display: none;
  }

  .table {
    margin-left: 0px;
  }

  .blog-text {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 30px;
  }

  .blog-entry-grid {
    grid-template-columns: 1fr;
  }

  .blog-quote p,
  .blog-quote ol,
  .blog-quote ul {
    padding-left: 20px !important;
  }

  .producer-table,
  .library-content {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .producer-table .first-col {
    width: 50px;
  }

  .library-content .accordion {
    padding-left: 10px !important;
    font-size: 16px;
  }

  .mh1 {
    font-size: 45px !important;
    line-height: 50px !important;
  }

  .mh2 {
    font-size: 36px !important;
    line-height: 39px !important;
  }

  .mh3 {
    font-size: 27px !important;
    line-height: 29px !important;
  }

  .mh4 {
    font-size: 23px !important;
    line-height: 25px !important;
  }

  .logo {
    height: 50px;
    margin-top: 15px;
  }

  nav {
    height: 80px;
  }

  .mega-grid {
    grid-template-columns: 50% 50%;
    column-gap: 0px;
    row-gap: 0px;
  }

  .mega-item {
    padding: 10px;
    text-align: center;
  }

  .section {
    padding-right: 20px;
    padding-left: 20px;
  }

  #top-footer {
    grid-template-columns: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 50px;
  }

  footer {
    padding-top: 50px;
  }

  .bot-sec1,
  .bot-sec2 {
    display: block;
  }

  .bottom-footer {
    padding-right: 20px;
    padding-left: 20px;
  }

  .bot-sec1-p,
  .bot-sec2-p {
    padding-bottom: 10px;
    max-width: 728px;
    width: 100%;
  }

  .mhide {
    display: none;
  }

  .center-div {
    padding-bottom: 0px;
  }

  .hero-text {
    padding-left: 20px;
    padding-right: 20px;
  }

  #home-hero {
    background-position: bottom;
    background-position: right bottom;
  }

  #products-hero {
    background-size: 80%;
    padding-top: 50px;
  }

  .hero-text {
    margin-top: 40px;
  }

  .hero-text h1 {
    font-size: 31px;
    line-height: 31px;
    margin-top: 20px;
    margin-bottom: 16px;
  }

  .hero-text h4 {
    font-size: 16px;
    line-height: 24px;
  }

  .hero-text h2 {
    font-size: 21px;
    line-height: 24px;
    margin-bottom: 30px;
  }

  .clients h6 {
    margin-top: 75px;
  }

  .clients p {
    margin-bottom: 75px;
  }

  .product-section h6 {
    padding-top: 75px;
  }

  .product-section p {
    margin-bottom: 75px !important;
  }

  .product-cards {
    grid-template-columns: 100%;
  }

  .slideshow-container,
  .mySlides {
    padding-left: 0px;
  }

  .testimonial-content {
    padding-left: 0px;
    padding-right: 0px;
  }

  .mySlides {
    height: 400px;
  }

  .test-line {
    height: 400px;
  }

  .mySlides2 p,
  .mySlides2 p span {
    font-size: 16px !important;
    line-height: 19px;
  }

  .contact-home h3 {
    font-size: 35px;
    line-height: 37px;
  }

  .mySlides2 {
    min-height: 400px;
  }

  .mySlides,
  .mySlides2 {
    padding-left: 0px;
  }

  .why-cards {
    grid-template-columns: 100%;
  }

  .home-card {
    display: block;
    margin: auto;
  }

  .package-card {
    margin-bottom: 50px;
  }

  .product-card {
    margin-bottom: 75px;
  }

  .blog-hero-img {
    height: 250px;
  }

  .chapters-content p span {
    margin-left: 0px;
  }

  .chapters-content p {
    line-height: 19px;
  }

  .testimonial-section {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .test-back {
    position: absolute;
    height: 200px;
    top: -38px;
    right: 0px;
  }

  .home-video p {
    padding-bottom: 0px;
  }

  .why-section {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .video-box iframe {
    height: 300px;
  }

  .why-card {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: 300px;
  }

  .top {
    width: 100%;
  }

  .top2 {
    width: 110%;
  }

  .orange-tr {
    top: 185px;
  }

  .why-text {
    width: 100% !important;
    text-align: center;
  }

  .image-box-orange img {
    margin-left: -20px;
  }

  .orange-tr {
    left: -15px;
  }

  .awards-card {
    width: 90%;
    margin: auto;
  }

  .card-left,
  .card-right {
    width: 90vw;
  }

  .testimonial-comma {
    height: 10px;
    padding-left: 20px;
    margin-bottom: 15px;
  }

  .mySlides p,
  .mySlides2 p {
    font-size: 16px !important;
    line-height: 19px;
    padding-left: 20px;
  }

  .mySlides2 h6 {
    padding-left: 20px;
  }

  .accordion .down,
  .accordion .up {
    right: 20px;
  }

  .accordion {
    padding-right: 55px;
    padding-left: 0px;
  }

  .mega-pan {
    height: 0px !important;
    padding: 0;
  }

  .panel p {
    padding-left: 0px;
    padding-right: 0px;
  }

  .panel {
    border-bottom: 1px solid #dbdbd9;
  }

  .awards-card {
    text-align: center;
    padding-bottom: 30px;
  }

  .awards-section {
    padding-bottom: 45px;
  }

  .transform-card .why-text {
    margin-left: 0px;
  }

  .awards-section h4 {
    margin-bottom: 56px;
  }

  .testimonial-inner h5 {
    padding-left: 20px;
  }

  .mySlides h6 {
    padding-left: 20px;
  }

  .dk-but {
    display: none;
  }

  .home-video h6 {
    padding-top: 75px;
  }

  .tools-section,
  .faq-section {
    padding-top: 130px;
    padding-bottom: 75px;
  }

  .tools-container .mb-but {
    margin-top: 50px;
  }

  .blog-hero h1 {
    font-size: 27px !important;
    line-height: 29px !important;
    padding-top: 75px !important;
    margin-bottom: 16px !important;
  }

  .blog-hero {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-grid {
    grid-template-columns: 100%;
  }

  .blog-item {
    margin-left: 0px;
  }

  .tabcontent .button-flex-loc {
    flex-direction: column-reverse;
  }

  .blog-hero h4 {
    font-size: 21px !important;
    line-height: 24px !important;
  }

  .link-hero-text .blog-hero-img {
    width: 50%;
    height: auto;
    right: 0;
  }

  .blog-content {
    padding-left: 0px;
    padding-right: 0px;
  }

  .content-pillar-content,
  .contentpillar-chapters {
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-pillar-content img {
    max-width: calc(100vw - 40px);
  }

  .content-split,
  .extract-split {
    flex-wrap: wrap;
  }

  .chapters-content ol li {
    margin-left: 20px;
  }

  .content-sections,
  .contentpillar-chapters,
  #contentpillar-intro {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .tools-bg {
    width: 200px;
    top: -35px;
  }

  .testimonial-inner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-contact-img {
    height: 300px;
  }

  /***********************************************
    ********     Products Page            **********
    ***********************************************/

  .product-grid {
    grid-template-columns: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }

  .pro-buttons {
    left: calc(50% - 175px);
  }

  .search-area p {
    display: block;
    margin: auto;
    width: 100%;
    text-align: center;
  }

  .notoppad {
    margin-left: 0px !important;
  }

  .search-area {
    margin: auto;
    flex-wrap: wrap;
    height: 85px;
  }

  .product-grid-item p {
    text-align: left;
    padding-right: 10px;
  }

  .product-grid-item h2 {
    font-size: 12px;
  }

  .product-grid-item {
    padding-left: 10px;
    min-width: 120px;
    height: 50px;
  }

  .button-active {
    display: none;
  }

  .product-grid-item img {
    height: 25px;
    margin-right: 10px;
  }

  .product-btn p {
    font-size: 12px;
    line-height: 12px;
  }

  #product-sticky-section {
    position: fixed;
    width: 100vw;
    top: 0vh;
    left: 0;
    background: #f5f5f3;
    z-index: 999;
  }

  .product-page-section tbody td {
    padding: 10px 5px;
    font-size: 12px;
    line-height: 16px;
  }

  #product-page,
  #product-data {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .subclose, .Morclose, .Conclose, .Conclose2, .Arrclose, .close, .sublinkclose, .sublinkclosecm, .disclose  {
    margin-top: -40px;
    margin-right: 0;
  }

  .vip-fomo {
    padding-left: 0 !important;
  }

  .product-col1 table {
    width: 100%;
    overflow: scroll;
  }

  .search-box {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .product-page-section {
    width: 100%;
    overflow: auto;
  }

  .library-content .accordion h2 {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .acc-cat-img {
    width: 25px !important;
  }

  #product-sticky-section.show-cart-price {
    display: block;
  }

  .pro-buttons {
    left: 0%;
    width: 100%;
  }

  .pro-buttons a {
    width: auto;
  }

  .pro-buttons a .product-btn {
    width: 24vw;
  }

  .pp-st p {
    width: 50%;
  }

  .pp-active,
  .pp-active-st,
  .pp-active-ml,
  .pp-active-mp {
    width: 25% !important;
  }

  /***********************************************
    ********       Product cat Page       **********
    ***********************************************/

  .cat-container img {
    width: 75px;
  }

  .cat-container h1 {
    font-size: 45px;
    line-height: 50px;
  }

  .prod-cat-page {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .cat-grid {
    grid-template-columns: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sub-image img {
    width: 100%;
  }

  .sub2 {
    margin-top: 75px;
  }

  .sub-right {
    margin-left: 0px;
    margin-top: 36px;
  }

  .sub-left {
    margin-right: 0px;
    margin-bottom: 36px;
  }

  .about-subs {
    padding: 75px 20px;
  }

  .about-check {
    padding: 75px 20px;
  }

  .about-cta {
    padding: 75px 20px;
  }

  .sub-image {
    width: 100%;
  }

  .about-text-section {
    padding: 75px 20px;
  }

  .check-bg {
    display: none;
  }

  .about-check-grid {
    grid-template-columns: 100%;
  }

  #ylq-WbLu7ph7 {
    width: 90vw;
    margin: auto;
  }

  .tube-cards {
    grid-template-columns: 100%;
  }

  .tube-card {
    margin-bottom: 36px;
  }

  .tube-content {
    padding: 75px 20px;
  }

  .cat-blocks {
    padding: 20px;
  }

  .cat-blocks h4 {
    font-size: 16px;
    line-height: 19px;
  }

  .contact-home {
    padding: 30px 20px;
  }

  .home-contact-img {
    height: 250px;
  }

  #top-footer .tf a, .tf {
    line-height: 29px;
  }

  #top-footer h6 {
    margin-bottom: 15px;
  }

  .portal-btns {
    display: none;
  }

  .portal-btn h2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .portal-btn {
    margin-bottom: 10px;
  }

  .portal-page h1 {
    margin-bottom: 0px;
  }

  .portal-page {
    padding: 50px 20px 88px 20px;
  }

  .library-content {
    padding-top: 30px;
  }

  .cart-full-items {
    grid-template-columns: 100%;
  }

  .select-two-fields {
    grid-template-columns: 100%;
  }

  .cart-items {
    padding-right: 0px;
  }

  .cartpage-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .modal-contentsub {
    padding-left: 20px;
    padding-right: 20px;
    width: 80%;
  }

  .hide-mob {
    display: none;
  }

  .tenk-tiles {
    grid-template-columns: 100%;
  }

  .tenk-tile {
    padding-left: 20px;
  }

  .tenk-page {
    padding: 0px 0px 60px 0px;
  }

  .reg-sec .linkedin-sec {
    padding: 20px 20px;
  }

  .reg-sec h1 {
    font-size: 27px;
    line-height: 31px;
    margin-bottom: 20px;
  }

  .red-line-reg {
    margin-bottom: 20px;
  }

  .reg-sec button {
    margin-top: 20px;
  }

  .reg-sec .sub-right {
    margin-top: 0px;
  }

  .reg-hero h3 {
    font-size: 27px;
    line-height: 31px;
    margin-top: 10px;
  }

  .reg-sec img {
    height: 250px;
  }
}

@media only screen and (max-width: 1530px) {
  .link-hero-text h1 {
    font-size: 2.81vw;
    line-height: 2.81vw;
    margin-bottom: 1.75vw;
  }
  
  .link-hero-text p {
    font-size: 1.5vw;
    margin-bottom: 1.75vw;
    line-height: 1.5vw;
  }
}

@media only screen and (max-width: 1025px) {
  /***********************************************
    ********       Plans Page            **********
    ***********************************************/

  .plan-nav-but {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    background-color: #f5f5f3;
    padding-top: 10px;
    margin: auto;
    padding-left: 4px;
    column-gap: 10px;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    right: 0;
  }

  .abs-img {
    display: none;
  }

  #home-loc p {
    font-size: 34px;
    line-height: 37px;
  }

  .link-hero-text {
    padding-left: 20px;
    padding-right: 20px;
  }

  .link-hero-text h1,
  .link-hero-text h4 {
    width: 60%;
  }

  .red-count {
    font-size: 27px;
    line-height: 29px;
  }

  .link-hero-text .blog-hero-img {
    width: 40%;
    height: auto;
    right: 20px;
  }

  #home-joinus h2 {
    font-size: 34px;
    line-height: 37px;
  }

  .sub-col2 {
    display: none;
  }

  .plan-boxes {
    grid-template-columns: auto auto;
    column-gap: 20px;
    row-gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .plan-nav {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    border: 1px solid #232323;
  }

  .plan-nav1 {
    border-left: 4px solid #a66735;
  }

  .plan-nav2 {
    border-left: 4px solid #81817d;
  }

  .plan-nav3 {
    border-left: 4px solid #af903e;
  }

  .plans-table-section-mobile {
    padding: 75px 20px;
  }

  .plans-m-head {
    background-color: #161616;
  }

  .plans-m-head h4 {
    color: #fff;
    padding: 15px 20px;
    font-family: "Optima nova LT Pro", Helvetica, Arial, Lucida, sans-serif;
  }

  .table-sub {
    border-left-width: 6px !important;
  }

  .tabcontentOne {
    display: none;
  }

  .mplans-col1 {
    width: 250px;
  }

  .mplans-col3 {
    width: calc(100vw - 290px);
  }

  .mplans-col3 img {
    height: 16px;
    display: block;
    margin: auto;
  }

  .mplans-table-content p {
    font-family: "GT-America-Standard-Regular", Helvetica, Arial, Lucida, sans-serif;
    color: #232323;
    text-align: center;
  }

  .mplans-table-content h5 {
    padding-left: 15px;
    font-size: 16px;
    font-family: "GT-America-Standard-Regular", Helvetica, Arial, Lucida, sans-serif;
    color: #232323;
  }

  .mplans-table-content {
    width: calc(100vw - 40px);
    display: flex;
    padding: 15px;
    align-items: center;
  }

  .link-wid {
    display: flex;
    margin-top: 0px;
  }

  .linkedin-sec {
    padding: 60px 20px;
  }
}