/* @charset "utf-8"; */

@media only screen and (min-device-width: 220px) and (max-device-width: 300px) and (orientation: portrait) {
    .hero {
        width: 100%;
        height: 120vh;
        background: #f5f5f5;
      }
      .hero h1 {
        font-size: 28px;
    }
      .hero-2 {
        background: #f9e7f0;
        background: linear-gradient(to left, #c5d7f8, #f9e7f0);
      }
    .service-content {
        padding: 20px;
        margin: 10px;
        height: 420px;
    }
    .special-styles .header-1 {
        font-size: 36px;
        line-height: 70px;
    }
    .special-styles .header-2 {
        font-size: 30px;
        color: black;
    }
    .feature-section {
        margin: 0;
        padding: 10px 0;
    }
    .testimonials-heading .review-btn {
        margin-bottom: 30px;

    }
    .special-styles h2 {
        text-align: center;
    }
    .testimonial img {
        width: 120px;
        height: auto;
    }
    .content-info {
        padding: 2px;
    }
    .content-info span {
        font-size: 17px;
        text-align: center;
    }
    .content-info h2 {
        font-size: 20px;
        text-align: center;
    }
    .content-info p{
        text-align: justify;
    }
    .flag-img img {
        height: 35px;
        width: auto;
    }
    .flag-img p {
        text-align: center;
    }
    .feature-section p {
        padding: 10px;
        margin-top: 0px;
        text-align: justify;
    }
    .feature-header span {
        font-size: 30px;
    }
    .feature-header h2 {
        font-size: 30px;
        text-align: center;
    }
    .feature-header span {
        font-size: 35px;
    }
    .hero-3 .hero-img-3 img {
        width: 100%;
    }
    .hero-3 {
        padding: 45px 0 0px 0;
        background: #f5f5f5;
    }
    .hero-3 h1 {
        font-size: 20px;
    }
    .esim-process-section-2 {
        padding: 5px;
    }
    .process-title-2 h2 {
        font-size: 25px;
    }
    .process-title-2 span {
        font-size: 26px;
    }
    .process-title-3 span {
        font-size: 30px;
    }
  }

  @media only screen and (min-device-width: 301px) and (max-device-width: 374px) and (orientation: portrait) {
    .navbar-brand img {
        height: 50px;
        width: auto;
    }
    .hero {
        width: 100%;
        height: 130vh;
        background: #f5f5f5;
      }
    .hero h1 {
        font-size: 26px;
        margin-top: -50px;
    }
    .hero h5 {
        font-size: 14px;
        color: #000;
        padding: 10px;
        margin: 5px 0 -30px 0;
    }
      .hero .hero-img img {
        margin-top: 15px;
    }
    .hero .btn-get-started span {
        font-size: 14px;
    }
    .hero-2 {
        background: #f9e7f0;
        background: linear-gradient(to left, #c5d7f8, #f9e7f0);
    }
    .hero-3 {
        width: 100%;
        height: 130vh;
        background-color: #f5f5f5;
        padding: 10px 0 10px 0;
      }
    .hero-3 h1 {
        font-size: 20px;
    }
    .hero-3 .hero-img-3 img {
        width: 100%;
        margin-top: 50px;
        margin-bottom: -50px;
    }
    .hero-3 p{
        font-size: 14px;
    }
    .service-header h2 {
        font-size: 25px;
    }
    .service-header span {
        font-size: 30px;
    }
    .service-header p {
        font-size: 14px;
    }
    .service-content p {
        font-size: 15px;
    }
    .special-styles h2 {
        font-size: 16px;
    }
      .special-styles .header-1 {
        font-size: 45px;
        line-height: 10px;
    }
    .special-styles .header-2 {
        font-size: 32px;
    }
    .flag-img img {
        height: 30px;
        width: auto;
    }
    #headline {
        margin: 6px 2px -14px 2px;
        font-size: 18px;
        text-align: center;
    }
    .timer li span {
        display: block;
        font-size: 1.8rem;
        text-align: center;
    }
    .timer-section .offer-btn {
        width: 60%;
    }
    .feature-section {
        margin: 0;
        padding: 20px 5px;
    }
    .feature-header h2{
        font-size: 25px;
        text-align: center;
    }
    .feature-header span {
        font-size: 30px;
    }
    .testimonials-heading span {
        font-size: 20px;
    }
    .feature-section p {
        margin-top: 10px;
        text-align: justify;
        font-size: 14px;
    }
    .plan-section {
        margin: 0;
        padding: 15px 20px;
    }
    .plan-title h2 {
        font-size: 23px;
    }
    .plan-title span {
        font-size: 30px;
    }
    .plan-title p {
        font-size: 14px;
    }
    .plan-img h3 {
        font-size: 18px;
    }
    .plan-img h4 {
        font-size: 18px;
    }
    .testimonials-heading h2 {
        margin-top: 0px;
        font-size: 30px;
    }
    .testimonials-heading h3 {
        font-size: 18px;
    }
    .testimonials-heading .review-btn {
        margin-bottom: 20px;
    }
    .testimonial p {
        font-size: 14px;
    }
    .author {
        font-size: 11px;
    }
    .content-info {
        padding: 10px;
    }
    .content-info h2 {
        font-size: 24px;
        text-align: center;
    }
    .content-info span {
        font-size: 20px;
    }
    .content-info p {
        text-align: justify;
        font-size: 14px;
    }
    .flag-img img {
        height: 40px;
        width: auto;
    }
    .flag-img p{
        text-align: center;
    }

    .breadcrumbs-icons {
        padding: 0 2px;
    }
    .hero-2 b {
        font-size: 14px;
        font-weight: 600;
    }
    .esim-process-section-2 {
        padding: 10px;
        text-align: justify;
    }
    .process-title-3 p {
        text-align: justify;
        padding: 12px;
    }
    .process-title-3 span {
        font-size: 36px;
    }
    .hero-2 h1 {
        font-size: 30px;
    }
    .process-img-1 li {
        text-align: justify;
    }
    .process-img-1 h3 {
        text-align: center;
    }
    .process-img-1 li {
        text-align: justify;
    }
    .esim-process-section-2 li {
        text-align: justify;
    }
    .process-title-2 span {
        font-size: 30px;
    }
  }
  
  @media only screen and (min-device-width: 375px) and (max-device-width: 411px) and (orientation: portrait) {
    .navbar-brand img {
        height: 50px;
        width: auto;
    }
    .hero {
        width: 100%;
        height: 115vh;
        background: #f5f5f5;
        background-size: cover;
      }
    .hero h1 {
        font-size: 32px;
        margin-top: -50px;
    }
    .hero h5 {
        font-size: 16px;
        color: #000;
        padding: 10px;
        margin: 5px 0 -30px 0;
    }
      .hero .hero-img img {
        margin-top: 30px;
    }
    .hero-2 {
        width: 100%;
        height: 52vh;
        background: #f5f5f5;
      }
    .special-styles h2 {
        text-align: center;
        font-weight: 900;
        margin-bottom: 20px;
        font-size: 24px;
    }
      .special-styles .header-1 {
        font-size: 60px;
        color: #D4418E;
        line-height: 75px;
    }
    .special-styles .header-2 {
        font-size: 40px;
    }
    .timer li {
        font-size: 0.7em;
    }
    .flag-img img {
        height: 30px;
        width: auto;
    }
    #headline {
        margin: 20px 0 -14px 0;
        font-size: 18px;
        text-align: center;
    }
    .timer li span {
        display: block;
        font-size: 1.8rem;
        text-align: center;
    }
    .timer-section .offer-btn {
        width: 60%;
    }
    .feature-section {
        margin: 0;
        padding: 20px 5px;
    }
    .feature-header h2 {
        text-align: center;
        font-size: 30px;
    }
    .feature-header span {
        font-size: 38px;
        color: #D4418E;
    }
    .feature-section p {
        margin-top: 10px;
        text-align: justify;
        padding: 10px;
    }
    .plan-section {
        margin: 0;
        padding: 15px 20px;
    }
    .testimonials-heading h2 {
        margin-top: 0px;
        font-size: 33px;
    }
    .testimonials-heading h3 {
        font-size: 25px;
    }
    .testimonials-heading span {
        font-size: 25px;
    }
    .testimonials-heading .review-btn {
        margin-bottom: 20px;
    }
    .author {
        font-size: 14px;
    }
    .content-info {
        padding: 10px;
    }
    .content-info h2 {
        font-size: 33px;
        text-align: center;
    }
    .content-info span {
        font-size: 24px;
    }
    .content-info p {
        text-align: justify;
    }
    .flag-img img {
        height: 40px;
        width: auto;
    }
    .flag-img p{
        text-align: center;
    }
    .common-section {
        padding: 30px 0;
        margin: 10px;
    }
    .plan-title h2 {
        font-size: 33px;
    }
    .plan-title span {
        font-size: 33px;
    }
    .esim-process-section-2 {
        padding: 10px;
    }
    .process-title-3 p {
        text-align: justify;
        padding: 10px;
        font-size: 16px;
    }
    .hero-3 {
        width: 100%;
        height: 110vh;
        background-color: #f5f5f5;
      }
    .hero-3 h1 {
        font-size: 24px;
    }
    .hero-3 .hero-img-3 img {
        margin-top: 50px;
        margin-bottom: -40px;
        width: 100%;
    }
    .process-img-1 h3 {
        text-align: center;
        font-size: 33px;
        margin-top: 20px;
    }

    .breadcrumbs-icons {
        padding: 0 2px;
    }
    .hero-2 b {
        font-size: 14px;
        font-weight: 600;
    }
    .add-cart-btn {
        width: 60%;
    }
    .process-img-1 li {
        text-align: justify;
    }
    .process-title-2 span {
        font-size: 30px;
    }
    .esim-process-section-2 li {
        font-size: 16px;
        line-height: 36px;
        text-align: justify;
    }
  }
  @media only screen and (min-device-width: 412px) and (max-device-width: 479px) and (orientation: portrait) {
    .navbar-brand img {
        height: 50px;
        width: auto;
    }
    .hero {
        width: 100%;
        height: 110vh!important;
        background: #f5f5f5;
        background-size: cover;
      }
    .hero h1 {
        font-size: 35px;
        margin-top: -50px;
    }
    .hero h5 {
        font-size: 16px;
        color: #000;
        padding: 10px;
        margin: 5px 0 -30px 0;
    }
    .hero .hero-img img {
        margin-top: 2px;
    }
    
    .hero-2 {
        background: #f5f5f5;
      }
    .service-header h2 {
        font-size: 35px;
    }
    .service-header span {
        font-size: 40px;
    }
    .service-header p {
        font-size: 17px;
    }
    .service-content h3 {
        font-size: 22px;
    }
    .special-styles h2 {
        text-align: left;
        font-weight: 900;
        margin-bottom: 20px;
        font-size: 25px;
    }
      .special-styles .header-1 {
        font-size: 75px;
        color: #D4418E;
        line-height: 75px;
    }
    .special-styles .header-2 {
        font-size: 40px;
    }
    .timer li {
        font-size: 0.8em;
        padding: 20px 5px;
    }
    .flag-img img {
        height: 30px;
        width: auto;
    }
    #headline {
        margin: 20px 0 -14px 0;
        font-size: 18px;
        text-align: center;
    }
    .timer li span {
        display: block;
        font-size: 1.8rem;
        text-align: center;
    }
    .timer-section .offer-btn {
        width: 60%;
    }
    .feature-section {
        margin: 0;
        padding: 20px 5px;
    }
    .feature-header h2, span {
        text-align: center;
        font-size: 35px;
    }
    .feature-section p {
        margin-top: 10px;
        text-align: justify;
        padding: 10px;
    }
    .plan-section {
        margin: 0;
        padding: 15px 20px;
    }
    .testimonials-heading h2 {
        margin-top: 0px;
        font-size: 33px;
    }
    .testimonials-heading h3 {
        font-size: 25px;
    }
    .testimonials-heading span {
        font-size: 25px;
    }
    .testimonials-heading .review-btn {
        margin-bottom: 20px;
    }
    .author {
        font-size: 17px;
    }
    .content-info {
        padding: 10px;
    }
    .content-info h2 {
        font-size: 32px;
        text-align: center;
    }
    .content-info p {
        text-align: justify;
    }
    .flag-img img {
        height: 55px;
        width: auto;
    }
    .flag-img p{
        text-align: center;
    }
    .common-section {
        padding: 20px 0;
        margin: 10px;
    }
    .plan-title h2 {
        font-size: 33px;
    }
    .plan-title span {
        font-size: 38px;
    }
    .plan-img h3 {
        font-size: 25px;
        font-weight: 500;
    }
    .plan-img h4 {
        font-size: 22px;
    }
    .plan-btn {
        width: 50%;
        font-size: 18px;
    }
    .content-info span {
        font-size: 24px;
    }

    .hero-3 {
        width: 100%;
        height: 100vh;
        background-color: #f5f5f5;
        background-size: cover;
      }
      .hero-3 h1 {
        font-size: 26px;
      }
      .hero-3 .hero-img-3 img {
        width: 100%;
    }
    .hero-3 p {
        padding: 2px 10px;
    }
    .process-img-1 h3 {
        text-align: center;
        font-size: 33px;
    }
    .esim-process-section-2 {
        padding: 20px;
    }
    .process-title-3 p {
        padding: 10px;
        text-align: justify;
        color: #777;
        font-size: 16px;
    }
    .process-img-3 h3 {
        font-size: 24px;
    }
    .process-img-3 p {
        font-size: 18px;
    }
  }
  
  @media only screen and (min-device-width: 480px) and (max-device-width: 600px) and (orientation: portrait) {
    .navbar-brand img {
        height: 50px;
        width: auto;
    }
    .hero {
        width: 100%;
        height: 130vh;
        background: #f5f5f5;
        background-size: cover;
      }
    .hero h1 {
        font-size: 34px;
        margin-top: -50px;
    }
    .hero h5 {
        font-size: 20px;
        color: #000;
        padding: 10px;
        margin: 5px 0 -30px 0;
    }
      .hero .hero-img img {
        margin-top: 60px;
    }
    .hero-2 {
        background: #f9e7f0;
        background: linear-gradient(to left, #c5d7f8, #f9e7f0);
    }
    .service-header h2 {
        font-size: 40px;
    }
    .service-header span {
        font-size: 45px;
    }
    .service-header p {
        font-size: 20px;
    }
    .service-content h3 {
        font-size: 28px;
    }
    .special-styles h2 {
        text-align: left;
        font-weight: 900;
        margin-bottom: 20px;
        font-size: 28px;
    }
    .service-content p {
        font-size: 20px;
    }
      .special-styles .header-1 {
        font-size: 75px;
        color: #D4418E;
        line-height: 75px;
    }
    .special-styles .header-2 {
        font-size: 50px;
    }
    .flag-img img {
        height: 30px;
        width: auto;
    }
    #headline {
        margin: 20px 0 -14px 0;
        font-size: 18px;
        text-align: center;
    }
    .timer li span {
        display: block;
        font-size: 1.8rem;
        text-align: center;
    }
    .timer-section .offer-btn {
        width: 50%;
        font-size: 20px;
        font-weight: 600;
    }
    .feature-section {
        margin: 0;
        padding: 20px 5px;
    }
    .feature-header h2 {
        text-align: center;
        font-size: 40px;
    }
    .feature-header span {
        font-size: 45px;
        color: #D4418E;
    }
    .feature-section p {
        margin-top: 10px;
        text-align: justify;
        padding: 15px;
        font-size: 20px;
    }
    .feature-icon {
        width: 100px;
        height: auto;
    }
    .feature-box h3 {
        margin-top: 20px;
        font-size: 26px;
        font-weight: 500;
    }
    .plan-section {
        margin: 0;
        padding: 15px 20px;
    }
    .testimonials-heading h2 {
        margin-top: 0px;
        font-size: 45px;
    }
    .testimonials-heading h3 {
        font-size: 28px;
    }
    .testimonials-heading span {
        font-size: 30px;
    }
    .testimonials-heading .review-btn {
        margin-bottom: 40px;
        font-size: 20px;
    }
    .author {
        font-size: 20px;
    }
    .testimonial p {
        font-style: italic;
        font-size: 18px;
        padding: 10px;
        text-align: justify;
    }
    .content-info {
        padding: 10px;
    }
    .content-info h2 {
        font-size: 35px;
        text-align: center;
    }
    .content-info span {
        font-size: 30px;
    }
    .content-info p {
        text-align: justify;
        font-size: 20px;
    }
    .flag-img img {
        height: 65px;
        width: auto;
    }
    .flag-img p{
        text-align: center;
    }
    .common-section {
        padding: 20px 0;
        margin: 10px;
    }
    .plan-title h2 {
        font-size: 40px;
    }
    .plan-title span {
        font-size: 45px;
    }
    .plan-title p{
        font-size: 20px;
    }
    .plan-img h3 {
        font-size: 27px;
        font-weight: 600;
    }
    .plan-img h4 {
        font-size: 26px;
    }
    .plan-btn {
        width: 50%;
        font-size: 22px;
    }
    .esim-process-section-2 {
        padding: 25px;
        text-align: justify;
    }
    .process-title-3 p {
        text-align: justify;
        padding: 10px;
    }
    .process-title-3 span {
        font-size: 35px;
    }
    .service-content {
        height: 360px;
    }
    .hero-3 {
        background: #f5f5f5;
    }
    .process-img-1 h3 {
        text-align: center;
        font-size: 26px;
    }
  }
  
  @media only screen and (min-device-width: 601px) and (max-device-width: 692px) and (orientation: portrait) {
    .navbar-brand img {
        height: 50px;
        width: auto;
    }
    .hero {
        width: 100%;
        height: 100vh;
        background: #f5f5f5;
        background-size: cover;
      }
    .hero h1 {
        font-size: 50px;
        margin-top: -50px;
    }
    .hero h5 {
        font-size: 18px;
        color: #000;
        padding: 10px;
        margin: 5px 0 -30px 0;
    }
      .hero .hero-img img {
        margin-top: -45px;
    }
    .hero-2 {
        background: #f9e7f0;
        background: linear-gradient(to left, #c5d7f8, #f9e7f0);
    }
    .service-header h2 {
        font-size: 40px;
    }
    .service-header span {
        font-size: 45px;
    }
    .service-header p {
        font-size: 20px;
    }
    .service-content h3 {
        font-size: 28px;
    }
    .special-styles h2 {
        text-align: left;
        font-weight: 900;
        margin-bottom: 20px;
        font-size: 32px;
    }
    .service-content p {
        font-size: 18px;
    }
      .special-styles .header-1 {
        font-size: 75px;
        color: #D4418E;
        line-height: 75px;
    }
    .special-styles .header-2 {
        font-size: 60px;
    }
    .flag-img img {
        height: 30px;
        width: auto;
    }
    #headline {
        margin: 20px 0 -14px 0;
        font-size: 18px;
        text-align: center;
    }
    .timer li span {
        display: block;
        font-size: 1.8rem;
        text-align: center;
    }
    .timer-section .offer-btn {
        width: 50%;
        font-size: 20px;
        font-weight: 600;
    }
    .feature-section {
        margin: 0;
        padding: 20px 5px;
    }
    .feature-header h2 {
        text-align: center;
        font-size: 40px;
    }
    .feature-header span {
        font-size: 45px;
        color: #D4418E;
    }
    .feature-section p {
        margin-top: 10px;
        text-align: justify;
        padding: 15px;
        font-size: 18px;
    }
    .feature-icon {
        width: 100px;
        height: auto;
    }
    .feature-box h3 {
        margin-top: 20px;
        font-size: 26px;
        font-weight: 500;
    }
    .plan-section {
        margin: 0;
        padding: 15px 20px;
    }
    .testimonials-heading h2 {
        margin-top: 0px;
        font-size: 45px;
    }
    .testimonials-heading h3 {
        font-size: 28px;
    }
    .testimonials-heading span {
        font-size: 30px;
    }
    .testimonials-heading .review-btn {
        margin-bottom: 40px;
        font-size: 20px;
    }
    .author {
        font-size: 20px;
    }
    .testimonial p {
        font-style: italic;
        font-size: 18px;
        padding: 10px;
        text-align: justify;
    }
    .content-info {
        padding: 10px;
    }
    .content-info h2 {
        font-size: 42px;
        text-align: center;
    }
    .content-info span {
        font-size: 40px;
    }
    .content-info p {
        text-align: justify;
        font-size: 18px;
    }
    .flag-img img {
        height: 65px;
        width: auto;
    }
    .flag-img p{
        text-align: center;
    }
    .common-section {
        padding: 20px 0;
        margin: 10px;
    }
    .plan-title h2 {
        font-size: 40px;
    }
    .plan-title span {
        font-size: 45px;
    }
    .plan-title p{
        font-size: 18px;
    }
    .plan-img h3 {
        font-size: 30px;
        font-weight: 600;
    }
    .plan-img h4 {
        font-size: 26px;
    }
    .plan-btn {
        width: 50%;
        font-size: 22px;
    }
  }
  
  @media only screen and (min-device-width: 693px) and (max-device-width: 767px) and (orientation: portrait) {
    .navbar-brand img {
        height: 75px;
        width: auto;
    }
    .hero {
        width: 100%;
        height: 125vh;
        background: #f5f5f5;
        background-size: cover;
      }
    .hero h1 {
        font-size: 60px;
        margin-top: -50px;
    }
    .hero h5 {
        font-size: 24px;
        padding: 10px;
    }
      .hero .hero-img img {
        margin-top: 30px;
    }
    .hero .btn-get-started span {
        font-size: 26px;
        padding: 10px;
    }
    .hero-2 {
        background: #f9e7f0;
        background: linear-gradient(to left, #c5d7f8, #f9e7f0);
    }
    .service-header h2 {
        font-size: 45px;
    }
    .service-header span {
        font-size: 50px;
    }
    .service-icon {
        height: 95px;
        width: auto;
    }
    .service-header p {
        font-size: 24px;
    }
    .service-content {
        height: 355px;
    }
    .service-content h3 {
        font-size: 30px;
    }
    .special-styles h3 {
        font-size: 22px;
    }
    .special-styles h2 {
        text-align: left;
        font-weight: 900;
        margin-bottom: 20px;
        font-size: 33px;
    }
    .service-content p {
        font-size: 21px;
    }
      .special-styles .header-1 {
        font-size: 75px;
        color: #D4418E;
        line-height: 75px;
    }
    .special-styles .header-2 {
        font-size: 60px;
    }
    .flag-img img {
        height: 30px;
        width: auto;
    }
    #headline {
        margin: 20px 0 -14px 0;
        font-size: 20px;
        text-align: center;
    }
    .timer li span {
        display: block;
        font-size: 1.8rem;
        text-align: center;
    }
    .timer-section .offer-btn {
        width: 50%;
        font-size: 20px;
        font-weight: 600;
    }
    .feature-section {
        margin: 0;
        padding: 20px 5px;
    }
    .feature-header h2 {
        text-align: center;
        font-size: 45px;
    }
    .feature-header span {
        font-size: 50px;
    }
    .feature-section p {
        margin-top: 10px;
        text-align: justify;
        padding: 15px;
        font-size: 24px;
    }
    .feature-icon {
        width: 100px;
        height: auto;
    }
    .feature-box h3 {
        margin-top: 20px;
        font-size: 26px;
        font-weight: 500;
    }
    .plan-section {
        margin: 0;
        padding: 15px 20px;
    }
    .testimonials-heading h2 {
        margin-top: 0px;
        font-size: 45px;
    }
    .testimonials-heading h3 {
        font-size: 32px;
    }
    .testimonials-heading span {
        font-size: 35px;
    }
    .testimonials-heading .review-btn {
        margin-bottom: 40px;
        font-size: 20px;
    }
    .testimonial img {
        width: 65px;
        height: auto;
    }
    .author {
        font-size: 22px;
    }
    .testimonial p {
        font-style: italic;
        font-size: 24px;
        padding: 10px;
        text-align: justify;
    }
    .content-info {
        padding: 10px;
    }
    .content-info h2 {
        font-size: 42px;
        text-align: center;
    }
    .content-info span {
        font-size: 36px;
    }
    .content-info p {
        text-align: justify;
        font-size: 24px;
    }
    .flag-img img {
        height: 65px;
        width: auto;
    }
    .flag-img p{
        text-align: center;
    }
    .common-section {
        padding: 20px 0;
        margin: 10px;
    }
    .plan-title h2 {
        font-size: 45px;
    }
    .plan-title span {
        font-size: 50px;
    }
    .plan-title p{
        font-size: 24px;
    }
    .plan-img h3 {
        font-size: 30px;
        font-weight: 600;
    }
    .plan-img h4 {
        font-size: 26px;
    }
    .plan-btn {
        width: 50%;
        font-size: 22px;
    }

    .hero-3 {
        width: 100%;
        height: 90vh;
        background-color: #f5f5f5;
        background-size: cover;
      }
      .hero-3 .hero-img-3 img {
        width: 100%;
    }
    .hero-3 h1 {
        font-size: 34px;
    }
    .hero-3 h2 {
        font-size: 28px !important;
    }
    .process-img-1 h3 {
        text-align: center;
        margin-top: 25px;
        font-size: 40px;
    }
    .hero-3 h5 {
        font-size: 24px;
    }
    .esim-process-section-2 {
        padding: 20px;
        text-align: justify;
    }
    .process-title-3 p {
        text-align: justify;
    }
    .process-img-3 h3 {
        font-size: 30px;
    }
    .process-img-3 p {
        font-size: 26px;
    }
    .faq .header-title p{
        font-size: 18px;
    }
  }
  
  @media only screen and (min-device-width: 768px) and (max-device-width: 853px) and (orientation: portrait) {
    .navbar-brand img {
        height: 75px;
        width: auto;
    }
    .hero {
        width: 100%;
        height: 130vh;
        /* background: url(../img/home-hero-background.webp) bottom center no-repeat fixed; */
        background: #f5f5f5;
        background-size: cover;
      }
    .hero h1 {
        font-size: 50px;
        margin-top: -50px;
        text-align: center;
    }
    .hero h5 {
        font-size: 28px;
        padding: 10px;
        text-align: center;
    }
      .hero .hero-img img {
        margin-top: -45px;
    }
    .hero .btn-get-started span {
        font-size: 26px;
        padding: 10px;
    }
    .hero-2 {
        background: #f9e7f0;
        background: linear-gradient(to left, #c5d7f8, #f9e7f0);
    }
    .service-main-section {
        margin: 0;
        padding: 60px 0;
    }
    .service-header h2 {
        font-size: 55px;
    }
    .service-header span {
        font-size: 65px;
    }
    .service-header p{
        font-size: 24px;
    }
    .service-content {
        padding: 20px;
        margin: 10px 2px;
        height: 525px;
    }
    .service-content p {
        text-align: justify;
        font-size: 18px;
    }
    .special-styles h2 {
        font-size: 45px;
    }
    .special-styles .header-1 {
        font-size: 90px;
    }
    .special-styles .header-2 {
        font-size: 70px;
    }
    .special-styles h3 {
        font-size: 24px;
    }
    #headline {
        margin: 10px 0 -10px 0;
        font-size: 30px;
    }
    .timer-section .offer-btn {
        width: 30%;
        font-size: 28px;
    }
    .feature-header span {
        font-size: 55px;
    }
    .feature-header p {
        font-size: 24px;
    }
    .feature-icon {
        width: 75px;
        height: auto;
    }
    .plan-title span {
        font-size: 55px;
    }
    .plan-title h2 {
        font-size: 50px;
    }
    .plan-title p{
        font-size: 24px;
    }
    .plan-img h3 {
        font-size: 28px;
    }
    .plan-img h4 {
        font-size: 28px;
    }
    .plan-btn {
        width: 50%;
        font-size: 26px;
    }
    .testimonials-heading h3 {
        text-align: center;
        font-size: 42px;
    }
    .testimonials-heading span {
        font-size: 48px;
    }
    .testimonials-heading .review-btn {
        margin-bottom: 30px;
        font-size: 24px;
    }
    .testimonial img {
        width: 82px;
    }
    .author {
        font-size: 30px;
    }
    .testimonial p {
        font-size: 24px;
    }
    .content-info h2 {
        font-size: 48px;
        text-align: center;
    }
    .content-info span {
        font-size: 38px;
    }
    .content-info p {
        font-size: 24px;
        text-align: justify;
    }
    .flag-img img {
        margin-top: 10px;
        height: 95px;
        width: auto;
    }
    .flag-img p{
        text-align: center;
        font-size: 22px;
    }
    .feature-header h2 {
        font-size: 48px;
        text-align: center;
    }
  }
  
  @media only screen and (min-device-width: 854px) and (max-device-width: 991px) and (orientation: portrait) {
    .navbar-brand img {
        height: 75px;
        width: auto;
    }
    .hero {
        width: 100%;
        height: 110vh;
        /* background: url(../img/home-hero-background.webp) bottom center no-repeat fixed; */
        background: #f5f5f5;
        background-size: cover;
      }
    .hero h1 {
        text-align: center;
        font-size: 64px;
        margin-top: -50px;
    }
    .hero h5 {
        font-size: 28px;
        padding: 10px;
    }
      .hero .hero-img img {
        margin-top: -45px;
    }
    .hero .btn-get-started span {
        font-size: 26px;
        padding: 10px;
    }
    .hero-2 {
        background: #f9e7f0;
        background: linear-gradient(to left, #c5d7f8, #f9e7f0);
    }
    .service-main-section {
        margin: 0;
        padding: 60px 0;
    }
    .service-header h2 {
        font-size: 55px;
    }
    .service-header span {
        font-size: 65px;
    }
    .service-header p{
        font-size: 24px;
    }
    .service-content {
        padding: 20px;
        margin: 2px;
        height: 510px;
    }
    .feature-header h2 {
        text-align: center;
    }
    .service-content p {
        text-align: justify;
        font-size: 18px;
    }
    .special-styles h2 {
        font-size: 45px;
    }
    .special-styles .header-1 {
        font-size: 90px;
    }
    .special-styles .header-2 {
        font-size: 70px;
    }
    .special-styles h3 {
        font-size: 24px;
    }
    #headline {
        margin: 10px 0 -10px 0;
        font-size: 30px;
    }
    .timer-section .offer-btn {
        width: 30%;
        font-size: 28px;
    }
    .feature-header span {
        font-size: 55px;
    }
    .feature-header p {
        font-size: 24px;
    }
    .feature-icon {
        width: 75px;
        height: auto;
    }
    .plan-title span {
        font-size: 55px;
    }
    .plan-title h2 {
        font-size: 50px;
    }
    .plan-title p{
        font-size: 24px;
    }
    .plan-img h3 {
        font-size: 28px;
    }
    .plan-img h4 {
        font-size: 28px;
    }
    .plan-btn {
        width: 50%;
        font-size: 26px;
    }
    .testimonials-heading h3 {
        text-align: center;
        font-size: 42px;
    }
    .testimonials-heading span {
        font-size: 48px;
    }
    .testimonials-heading .review-btn {
        margin-bottom: 30px;
        font-size: 24px;
    }
    .testimonial img {
        width: 82px;
    }
    .author {
        font-size: 30px;
    }
    .testimonial p {
        font-size: 24px;
    }
    .content-info h2 {
        font-size: 38px;
    }
    .content-info span {
        font-size: 25px;
    }
    .content-info p {
        font-size: 24px;
        text-align: justify;
    }
    .flag-img img {
        margin-top: 10px;
        height: 95px;
        width: auto;
    }
    .flag-img p{
        text-align: center;
        font-size: 22px;
    }
  }
  
  @media only screen and (min-device-width: 992px) and (max-device-width: 1200px) and (orientation: portrait) {
    .navbar .nav-item a { 
        font-weight: 600;
        font-size: 12px;
    }
    .hero {
        width: 100%;
        height: 50vh;
        background-color: #fff;
        background: url(../img/home-hero-background.webp) bottom left no-repeat fixed;
        background-size: cover;
    }
    .hero h1 {
        margin: 0;
        font-size: 35px;
    }
    .service-content {
        height: 330px;
    }
    .feature-box h3 {
        font-size: 14px;
    }
    .feature-img{
        margin-top: 130px;
    }
    .hero-3 {
        width: 100%;
        height: 46vh;
        background: #f5f5f5;
        background-size: cover;
    }
    .special-styles .header-1 {
        font-size: 90px;
    }
    .special-styles .header-2 {
        font-size: 45px;
    }
    .content-info span {
        font-size: 22px;
    }
    .content-info h2 {
        font-size: 28px;
    }
  }
  
  @media only screen and (min-device-width: 1280px) and (max-device-width: 1366px) and (orientation: portrait) {
    
  }
  
  @media only screen and (min-device-width: 250px) and (max-device-width: 480px) and (orientation: landscape) {
    .hero {
        width: 100%;
        height: 100%;
        background: #f5f5f5;
    }
  }
  
  @media only screen and (min-device-width: 481px) and (max-device-width: 760px) and (orientation: landscape) {
    .navbar-brand img {
        height: 50px;
        width: auto;
    }
    .hero {
        width: 100%;
        height: 100%;
        padding: 20px 0;
        background: #f5f5f5;
    }
    .hero h1 {
        font-size: 45px;
        margin-top: -60px;
        text-align: center;
    }
    .hero h5 {
        text-align: center;
    }
    .hero .btn-get-started {
        margin-bottom: 30px;
    }
    .service-content {
        height: 265px;
    }
    .feature-section {
        padding: 10px 0;
    }
    .testimonials-heading span {
        font-size: 38px;
    }
    .testimonials-heading .review-btn {
        margin-bottom: 30px;
    }
    .common-section {
        padding: 10px 0;
        margin: 0;
    }
    .content-info h2 {
        font-size: 25px;
        text-align: center;
    }
    .content-info p{
        text-align: justify;
    }
    .flag-img p{
        text-align: center;
    }
    .feature-header h2 {
        font-size: 30px;
        text-align: center;
    }
    .feature-section p {
        margin-top: 20px;
        padding: 2px 20px;
        text-align: justify !important;
    }
    .hero-3 {
        background: #f5f5f5;
    }
    .special-styles .header-2 {
        font-size: 52px;
    }
  }
  
  @media only screen and (min-device-width: 761px) and (max-device-width: 998px) and (orientation: landscape) {
    .navbar-brand img {
        height: 55px;
        width: auto;
    }
    .hero {
        width: 100%;
        height: 100%;
        padding: 30px 0;
        background: #f5f5f5;
    }
    .hero h1 {
        font-size: 45px;
        margin-top: -60px;
        text-align: center;
    }
    .hero h5 {
        text-align: center;
    }
    .hero .btn-get-started {
        margin-bottom: 30px;
    }
    .service-content {
        height: 350px;
        margin: 10px 2px;
    }
    .service-icon {
        height: 65px;
        width: auto;
    }
    .service-content h3 {
        font-size: 18px;
        font-weight: 700;
    }
    .service-content p {
        text-align: justify;
        font-size: 14px;
    }
    .testimonials-heading .review-btn {
        margin-bottom: 30px;
    }
    .content-info h2 {
        text-align: center;
        font-size: 36px;
    }
    .content-info span {
        font-size: 30px;
    }
    .common-section {
        margin: 2px 2px 20px 2px;
        padding: 10px;
    }
    .content-info p{
        text-align: justify;
    }
    .flag-img img {
        height: 100px;
        width: auto;
    }
    .flag-img p{
        text-align: center;
    }
  }
  
  @media only screen and (min-device-width: 999px) and (max-device-width: 1292px) and (orientation: landscape) {
    .navbar .nav-item a {
        font-weight: 500;
        font-size: 12px;
    }
    .hero {
        width: 100%;
        height: 90vh;
        background: url(../img/hero-background.webp) top left no-repeat fixed;
    }
    .hero h1 {
        font-size: 35px;
    }
    .service-content {
        height: 360px;
    }
    .special-styles .header-1 {
        font-size: 85px;
    }
    .special-styles .header-2 {
        font-size: 52px;
    }
    .feature-box h3 {
        font-size: 14px;
    }
    .feature-img img{
        margin-top: 100px;
    }
    .content-info span {
        font-size: 22px;
    }
    .content-info h2 {
        font-size: 28px;
    }
    .hero-3 {
        width: 100%;
        height: 100vh;
    }
    .hero-3 h1 {
        margin: 0;
        font-size: 30px;
    }
    .process-title-1 h2 {
        font-size: 30px;
        margin-top: -90px;
    }
  }