@media(max-width:1400px){
    .pt-60 {padding-top: 50px;}
    h2 {font-size: 32px;}
    h3 {font-size: 28px;}

    .common-content h2 {line-height: 34px;}
    .comn-btn{font-size: 17px;padding: 9px 59px 10px;}

    /*============ hero banner start ============*/
    /*.hero-banner::after {background-position: right -305px bottom;}*/
    .hero-banner-content h1 {font-size: 36px;     line-height: 54px;}
    /*============ hero banner end ============*/

    /*========== plan list page start ==========*/
    .data-plan-main {padding-top: 50px;}
    /*========== plan list page end ==========*/

    .back-link {padding-bottom: 23px;}
    .plan-detail {padding-bottom: 50px;}
    .detail-box {padding: 18px; padding-left: 45px;}
    .detail-box .nav-tabs .nav-link{font-size: 14px;}
    .detail-box .nav-tabs .nav-link {padding: 5px 17px; margin-right: 7px;}
    .detail-box .compabality-btn {font-size: 14px; padding: 5px 17px}

    /*============ about page start ============*/
    .pb-60{padding-bottom: 50px;}
    .pt-60{padding-top: 50px;}
    /*============ about page start ============*/

    /*============ checkout page start ============*/
    .checkout .check-out-main .total-price {padding: 17px 20px;}
    /*============ checkout page end ============*/

    /*============ save card page start ============*/
    .saved-card .add-new-card a {padding: 6px 65px; font-size: 17px;}
    .saved-card .saved-user-cards .user-card-detail .edit-remove-btn a.edit {padding: 8px 67px;}
    .saved-card .saved-user-cards .user-card-detail .edit-remove-btn a.remove {padding: 8px 53px;}
    /*============ save card page end ============*/
    }

    @media(max-width:1199px){
    h4 {font-size: 24px;}
    .pt-60 {padding-top: 40px;}
    .comn-btn{font-size: 16px;padding: 7px 50px 9px;}
    /*============ login page start ============*/
    .sign-up .login-comn-box h2 {font-size: 30px; margin-bottom: 20px;}
    .sign-up .login-comn-box .login-social {margin-top: 40px;}
    .sign-up .login-form {padding: 35px 50px 48px;     max-width: 912px;}
    .sign-up .login-box {padding-right: 13px;}
    .sign-up .signup-box {padding-left: 13px;}
    .sign-up .login-comn-box .remember {margin-top: 6px;}
    .sign-up .login-comn-box input[type='submit'] {font-size: 16px; padding: 9px 10px; margin-top: 21px;}
    .sign-up .login-comn-box .login-social ul {margin-top: 25px;}
    /*============ login page end ============*/

    /*============ hero banner start ============*/
    /*.hero-banner {min-height: 360px;}*/
    .hero-banner-content h1 {font-size: 32px; line-height: 40px;}
    .hero-banner-content h1 img{ margin-right: 16px;}
    /*============ hero banner end ============*/

    /*============ hero banner-2 start ============*/
    .about-hero-banner {min-height: 360px;}
    .about-hero-banner .hero-banner-content h1 {font-size: 34px;  line-height: 40px;}
    .about-hero-banner .hero-banner-left img {height: 224px;}
    /*============ hero banner-2 end ============*/

    /*========== plan list page start ==========*/
    .data-plan-main {padding-top: 40px;     padding-bottom: 10px;}
    /*========== plan list page end ==========*/

    /*============ about us page start ============*/
    /* common left right section start */
    .common-left-right > .container > .row, .common-left-right > .container-fluid > .row { margin-bottom: 40px;}
    .common-left-right .text-holder h2 {margin-bottom: 7px;}
    /* common left right section end */

    /* common content start */
    .common-content ul li{padding-bottom: 8px;}
    .common-content h3:not(:first-child), .common-content h4:not(:first-child), .common-content h5:not(:first-child), .common-content h6:not(:first-child) { padding-top: 10px;}
     /* common content end */
    /* about cta start */
    .pb-60 {padding-bottom: 40px;}
    .pt-60{padding-top:40px;}
    .about-us-cta .cta-image .cta-cantent {right: 24px;}
    .about-us-cta .cta-image .cta-cantent h3 {font-size: 27px;}
    .about-us-cta .cta-image .cta-cantent a {padding: 7px 33px;}
    .common-left-right .text-holder a {margin-top: 5px;}
    /* about cta end */
    /*============ about us page end ============*/

    /*============ plan detail page start ============*/
    .back-link {padding-bottom: 20px; padding-top: 20px;}
    .plan-detail {padding-bottom: 40px;}
    .detail-box .compabality-btn{float: none; margin-bottom: 10px;}
    .detail-box p.notice{line-height: normal;}
    .plan-detail .plan-detail-img{text-align: center;}
    .plan-detail .detail-head .head-group h2 {font-size: 30px;}
    .plan-detail .detail-head {margin-bottom: 20px;}
    .detail-box .tab-pane {margin-top: 17px;}
    .dataplan-box-main .plan-head {margin-bottom: 20px;}
    .data-plan .data-plan-head h4{margin-bottom: 0;}
    .data-plan .plan-list li {padding: 13px 0; line-height: normal;}
    .data-plan .plan-list li .qty-input{margin-left: 10px;}
    .qty-input .product-qty, .qty-input .qty-count {height: 37px;}
    .qty-input .qty-count {width: 43px;}
    .data-plan .plan-list .plan-total {margin-top: 20px;}
    .data-plan .plan-list .plan-total h6 span {font-size: 16px;}
    .data-plan .plan-list .plan-total h5 {font-size: 16px;margin-bottom: 0;}
    .data-plan .plan-list .select-data-plan .select-add {padding: 5px 26px; font-size: 16px;}
    .data-plan .plan-list .special-plan-btn {margin-top: 16px;}
    .plan-detail .detail-head .head-group{display: block;}
    .plan-detail .detail-head .head-group img{display: inline-block;}
    .plan-detail .detail-head .head-group h2{display: inline-block;}
    .detail-compabality-box .compabality-btn{float: none; margin-top: 10px;}
    /*============ plan detail page end ============*/

    /*============ checkout page start ============*/
    .checkout .check-out-main h2 {font-size: 30px;}
    .checkout .check-out-main .check-out-box .button {padding: 6px 42px;}
    .checkout .check-out-main .check-out-box .dataplan-box table td {padding: 20px 0;}
    .checkout .check-out-main .total-price {padding: 15px 20px;}
    .checkout .check-out-main .code-payment {margin-top: 40px;}
    .code-payment .conformantion {margin-top: 34px;}
    .code-payment .code-method-comn select {padding: 14px 16px;}
    .check-out-main .complete-btn {margin-top: 30px;}

    .code-payment .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .input-text, .code-payment .form-row-first .input-text{padding: 8px 18px;}
    /*============ checkout page end ============*/

    /*============ profile page start ============*/
    .profile-main .profile-box .profile-left-side ul li {padding: 14px 25px;}
    .right-side-box {padding: 20px 27px 27px;}
    .profile-main .profile-box .profile-left-side ul li img {height: 16 px;}
    .right-side-box .contact-form select, .right-side-box .contact-form input[type="text"], .right-side-box .contact-form input[type="password"],
    .right-side-box .contact-form input[type="email"], .right-side-box .contact-form textarea {height: 22px;}
    .right-side-box .contact-form form .form-control label {top: 13px;}
    .right-side-box h4 {font-size: 22px;margin-bottom: 10px;}
    .right-side-box .contact-form form .focused label {top: 4px;}
    /*============ profile page end ============*/

    /*============ save card page start ============*/
    .profile-page-main {padding-bottom: 50px;}
    .saved-card .add-new-card img{height: 36px;}
    .saved-card .add-new-card {margin-top: 20px;}
    .saved-card .add-new-card a {padding: 6px 62px;font-size: 16px;}
    .saved-card .saved-user-cards .user-card-detail .edit-remove-btn {padding-top: 18px;}
    .saved-card .saved-user-cards .user-card-detail .card-detail {padding-bottom: 16px;}
    .saved-card .saved-user-cards .user-card-detail {padding: 14px 18px 18px;}
    .saved-card .saved-user-cards .user-card-detail .edit-remove-btn a.remove {padding: 8px 50px;}
    .saved-card .saved-user-cards .user-card-detail .edit-remove-btn a.edit {padding: 8px 64px;}
    /*============ save card page end ============*/

    /*============ my esim page start ============*/
    .my-esim-main .nav-tabs .nav-item .nav-link {font-size: 16px;padding: 5px 62px;}
    .my-esim-main .myesim-box .plan-view-box .country h4 {padding-left: 42px;}
    .my-esim-main .myesim-box .plan-view-box .data-box {padding: 12px 20px 12px;}
    .my-esim-main .myesim-box .plan-view-box .data-box .total-data-plan {margin-top: 10px;}
    .my-esim-main .myesim-box .plan-view-box .data-box li:first-child {font-size: 15px; margin-right: 25px;}
    .my-esim-main .myesim-box .plan-view-box .data-box .total-data-plan h5 {font-size: 15px;}
    .my-esim-main .myesim-box .plan-view-box .data-box li:first-child::before {right: -14px;}
    .my-esim-main .myesim-box .plan-view-box .data-box li{font-size: 15px;}

    /* profile page pop up start  */
    .top-up-popup {min-width: 750px;}
    /* profile page pop up end  */

    /*============ my esim page end ============*/

    /*============ contact us page start ============*/
    .contact-us-main .contact-us-form .input-group input, .contact-us-main .contact-us-form .input-group textarea,.contact-us-main .contact-us-form .input-group select {padding: 8px 18px;}
    .contact-us-main .contact-us-form .input-group textarea {min-height: 120px;}
    .contact-us-main .contact-box h2, .contact-us-main .contact-detail-box h2 {font-size: 30px;margin-bottom: 15px;}
    .contact-us-main .contact-box {padding: 10px 20px 20px;}
    .contact-us-main .contact-detail-box ul li .icon {height: 55px;width: 55px;}
    .contact-us-main .contact-detail-box ul li .detail {margin-left: 18px;}
    .contact-us-main .contact-detail-box ul li .icon i {font-size: 22px;}
    /*============ contact us page end ============*/

    /*============ blog detail page start ============*/
    .blog-list-content h3{line-height: unset;}
    .blog-list-content h3 a {font-size: 18px;}
    .blog-list-main .row .col .row .col{margin-bottom: 25px;}
    .blog-list-media .blog-list-img .list-date span {font-size: 20px;line-height: 20px;}
    .blog-aside .blog-widget{margin-bottom: 20px !important;}
    .blog-aside .widget-title h3 {font-size: 18px;}
    .blog-aside .widget-title {padding: 10px 15px;}
    /*============ blog detail page end ============*/

    /*contant details page css start  */
    .details-contant h2{font-size: 28px !important;}
    .details-contant h3{font-size: 24px !important;}
    .details-contant h4{font-size: 20px !important;}
    .details-contant h5{font-size: 18px !important;}
    .details-contant h6{font-size: 17px !important;}
    /* contant details page css end  */

    /*============ blog page start ============*/
    .blog-details-main{padding-top: 55px; padding-bottom: 55px;}
    .blog-details-main .blog-details-desc h2{font-size: 26px;}
    .blog-details-main .blog-details-desc h3{font-size: 24px;}
    .blog-details-main .blog-details-desc h4{font-size: 22px;}
    .blog-details-main .blog-details-contact{margin-top: 20px;}
    .blog-details-contact .comment-list .comment-body{padding: 12px;}
    .blog-details-contact h3{font-size: 26px; }
    .blog-details-contact .form-control { padding: 7px 12px;}
     /*============ blog page start ============*/

    .woocommerce-password-strength{font-size: 14PX;}
    .right-side-box .account-payment-methods-table a{padding: 7px 12px;font-size: 11px;}

    /*======= comn order table start =======*/
    .woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child{border-top: 1px solid #e6e6e6;}
    .account-orders-table, .woocommerce table.shop_table{border: 0;}
    .woocommerce table.shop_table tr,.account-orders-table tr:not(:last-child){margin-bottom: 10px; display: block;}
    .woocommerce table.shop_table_responsive tr td:not(:first-child), .woocommerce-page table.shop_table_responsive tr td:not(:first-child){border-top: 0;}
    .woocommerce table.shop_table_responsive thead, .woocommerce-page table.shop_table_responsive thead {display: none;}
    .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {display: block;text-align: right!important;}
    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {content: attr(data-title) ": ";font-weight: 700;float: left;}
    .right-side-box .woocommerce-orders-search-form .search-field {padding: 4px 10px;}
    .right-side-box .woocommerce-orders-search-form .search-field::placeholder {font-size: 15px;}
    .right-side-box .woocommerce-orders-search-form .button {padding: 10px 12px;}
    .right-side-box .woocommerce-orders-search-form .button svg{  height: 15px;}

    /*======= comn order table end =======*/

    /*================ order detaile page start  ================*/
    td.product-name{display: table-cell; text-align: center;}
    .order-table table.shop_table th, .order-table table.shop_table td{width: 50%;}
    .order-table table.shop_table tr{display: table-row !important;}
    .product-name .order_product_data {margin-bottom: 7px;}
    .right-side-box .order-note textarea {padding: 8px 18px;}
    /*================ order detaile page end ================*/

    /* thank you page start */
    .thank-you-section  img{height: 120px; margin-bottom: 15px;}
    .thank-you-section h1{font-size: 80px; line-height: 80px; }
    .thank-you-section p { font-size: 18px;line-height: 26px;}
    /* thank you page end */


    /* Install application page start */
    .app-install .appstors {margin-top: 30px;}
    .app-install .logo a img{width: 300px;}
    .app-install .appstors img{height: 40px;}
    /* Install application page end */
    }

    @media(min-width:768px) and (max-width:991px){
    /*============ blog detail page start ============*/
    /* Blog Content list start */
    .blog-list-content ul li{width: auto;}
    .blog-list-content ul li:not(:first-child){padding-left: 10px; margin-left: 5px;}
    /* Blog Content list end */
    /*============ blog detail page end ============*/
    }

    @media(max-width:991px){
    .common-content h3:not(:first-child), .common-content h4:not(:first-child), .common-content h5:not(:first-child), .common-content h6:not(:first-child) {margin-bottom: 5px; padding-top: 0px;}
    h2 {font-size: 30px;}
    h3 {font-size: 26px;}
    h4 {font-size: 22px;}

    /*============ login page start ============*/
    .sign-up .login-form {padding: 33px 30px 37px;max-width: 912px;}
    .sign-up .login-comn-box h2 {font-size: 26px;margin-bottom: 12px;}
    .sign-up .login-box {padding-right: 0px;}
    .sign-up .signup-box {padding-left: 0px;}
    .sign-up .login-comn-box input.input-text {margin-bottom: 12px;padding: 9px 18px;}
    .sign-up .login-comn-box input.input-text::placeholder{font-size: 15px;}
    .sign-up .login-comn-box input[type='radio'] {margin-right: 5px;height: 16px;width: 16px;}
    .sign-up .login-comn-box label{font-size: 15px;}
    .sign-up .login-comn-box .forgot-pass a{font-size: 15px;}
    .sign-up .login-comn-box .login-social h5::before,.sign-up .login-comn-box .login-social h5::after  {width: 74px;}
    .sign-up .login-comn-box .login-social {margin-top: 24px;}
    .sign-up .login-comn-box input[type='submit'] {margin-top: 18px;}
    .sign-up .login-comn-box .login-social ul {margin-top: 18px;}
    .sign-up .login-comn-box .login-social ul li:not(:last-child) {margin-right: 24px;}
    .sign-up .login-comn-box .login-social ul li img{height: 34px;}
    .sign-up .login-comn-box .term-condition {margin-top: 17px;}
    .sign-up .login-comn-box .input-group a {font-size: 18px;}
    /*============ login page end ============*/

    /*============ hero banner start ============*/
    .hero-banner {min-height: 210px; padding-top: 80px;}
    /* .hero-banner-content {padding-top: 130px;} */
    .hero-banner-content h1 {font-size: 28px;}
    .hero-banner-content h1 img{margin-right: 12px;}
    /*============ hero banner end ============*/

    /*============ hero banner-2 start ============*/
    .about-hero-banner {min-height: 322px;}
    .about-hero-banner .hero-banner-content h1 {font-size: 30px; margin-bottom: 40px;}
    .about-hero-banner .hero-banner-left img {height: 184px;}
    /*============ hero banner-2 end ============*/

    /*========== plan list page start ==========*/
    .tab-head {padding: 35px 0;}
    /*========== plan list page end ==========*/

    /*============ about us page start ============*/
    /* common left right section start */
    .common-left-right > .container > .row, .common-left-right > .container-fluid > .row { margin-bottom: 20px;}
    .common-left-right .text-holder h2{font-size: 28px;}
    .common-left-right .img-holder{text-align: center; padding: 30px 30px 0;}
    .common-left-right .img-holder img {width: auto;}
    .common-left-right .text-holder {padding: 25px 30px 30px;}
    .common-left-right .text-holder a {margin-top: 8px;}
    /* common left right section end */

    /* common content start */
    .common-content ul{margin-bottom: 20px;}
    .common-content h3:not(:first-child), .common-content h4:not(:first-child), .common-content h5:not(:first-child), .common-content h6:not(:first-child) { padding-top: 9px;}
    .about-us-cta .cta-image .cta-cantent a {padding: 6px 28px;font-size: 14px;}
    .about-us-cta .cta-image .cta-cantent h3 {font-size: 24px;margin-bottom: 5px;line-height: 32px;}
    /* common content end */

    /* about plan section start */
    .about-plan-section{padding: 30px 0px;}
    .about-plan-section .home-usp { padding-top: 35px; padding-bottom: 15px;}
    /* about plan section end */

    .about-us-cta .cta-image .cta-cantent {max-width: 283px; top: 25px;}
    /*============ about us page end ============*/

    /* about benifit section start */
    .about-benifit-sec .about-benifit-box{padding: 20px;}
    .about-benifit-sec .about-benifit-box i{margin-bottom: 12px;}
    .about-benifit-sec .about-benifit-box h3 { font-size: 18px; margin-bottom: 8px;}
    .about-benifit-sec .about-benifit-box.about-benifit-box-1{padding-top: 120px;}
    /* about benifit section end */

    /* faq page start */
    .faq-us-main .tab-content ul li {width: 100%;}
    .faq-us-main .tab-content ul li a {padding: 12px 30px 12px 20px !important;}
    /* faq page end */

    /*============ plan detail page start ============*/
    .plan-detail .detail-left{padding-top: 25px;}
    .detail-box .compabality-btn{float: right;}
    .plan-detail .detail-head  h6 {font-size: 14px;margin-bottom: 0px;}
    .plan-detail .detail-head .head-group h2 {font-size: 26px;}
    .plan-detail .detail-head .head-group img {height: 26px; margin-right: 10px;}
    .qty-input .qty-count {width: 38px;}
    .qty-input .product-qty, .qty-input .qty-count {height: 32px;}
    .data-plan .plan-list li {font-size: 15px; padding: 10px 0;}
    .data-plan .plan-list .select-data-plan select {max-width: 257px;}
    .data-plan .plan-list .select-data-plan {padding-top: 14px;}
    .data-plan .plan-list .plan-total {margin-top: 16px;}
    .dataplan-box-main .plan-head h3 {font-size: 18px;}
    .data-plan .data-plan-head h4 {font-size: 16px;}
    .dataplan-box-main .plan-head select {font-size: 14px; background-size: 12px; padding: 3px 10px;max-width: 95px;}
    .data-plan .plan-list .select-data-plan .select-add {font-size: 16px;}
    .data-plane-tab .nav{display: none;}
.migration-select-tab {display: block; }
.regulatory-compliance-list{display: block !important}
.regulatory-compliance-list .nav.active {display: block; width: 100%;}
.data-plane-tab .nav .nav-link{width: 100%;}
.data-plane-tab .nav .nav-link.active{border-right: 1px solid #eeb700; border-radius: 10px;}
.data-plane-tab .nav .nav-link span {padding: 11px 15px 11px 19px;}
.data-plane-tab .nav .nav-link:first-child{margin-top: 8px;}
.data-plane-tab .nav .nav-link{margin-bottom: 8px;}
.data-plane-tab .nav .nav-link:first-child.active::before{display: none;}
.data-plane-tab .nav .nav-link span{max-width: 100%;}
/* .data-plane-tab .nav .nav-link.active::after{display: none;} */
/* .data-plane-tab .nav .nav-link.active::before{display: none;} */
/* .data-plane-tab .nav .nav-link.active span::before{display: none;} */
/* .data-plane-tab .nav .nav-link.active span::after{display: none;} */

.data-plane-tab .tab-content{max-height: 100%; border: 0; padding: 0; border-radius: 0; overflow-y: unset;}
.data-plane-tab .tab-content button{border: 0px solid #eeb700; padding: 0px; color: #818181;}
.data-plane-tab .tab-content .accordion-button:not(.collapsed){color: #000;}
.data-plane-tab .tab-content .tab-pane{border: 1px solid #eeb700; padding: 15px; display: block; opacity: 1;}
.data-plane-tab .tab-content .accordion-body{padding-top: 15px; margin-top: 15px; border-top: 1px solid #d5d5d5;}
.data-plane-tab .tab-pane{margin-bottom: 10px;}

    /*============ plan detail page end ============*/

    /*============ checkout page start  ============*/
    .checkout .check-out-main h2 {font-size: 26px;}
    .checkout .check-out-main .check-out-box .button {padding: 5px 40px;}
    .checkout .check-out-main .check-out-box .dataplan-box {padding: 16px 18px 0;}
    .checkout .check-out-main .check-out-box .country-travel-box .country-name {padding: 18px;}
    .checkout .check-out-main .check-out-box .dataplan-box table td {padding: 18px 0;}
    .checkout .check-out-main .code-payment {margin-top: 28px;}
    .checkout .check-out-main .total-price {padding: 12px 18px;}
    .code-payment .conformantion {margin-top: 25px;}
    .code-payment .code-method-comn select {padding: 12px 16px;}
    .code-payment .conformantion input[type='checkbox'] {height: 14px;width: 14px;}
    .code-payment .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .input-text, .code-payment .form-row-first .input-text {padding: 6px 18px;}
    .code-payment .form-row-last .comn-btn {padding: 8px 23px!important;}
    .code-payment .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .custom-error-message {font-size: 13px;}
    /*============ checkout page end ============*/

    /*============ profile page start ============*/
    .profile-main h2 {font-size: 26px; margin-bottom: 15px;}
    .profile-main .profile-box {padding: 20px;}
    .profile-main .profile-box .profile-left-side ul li {padding: 13px 22px;}
    .profile-main .profile-box .profile-left-side h5 {padding: 14px 24px;}
    .profile-main .profile-box .right-side-box{padding: 15px 23px 23px;}
    .right-side-box .contact-form form .focused label {top: 4px;}
    .right-side-box h4 {font-size: 20px;}
    .right-side-box .contact-form form .checkbox-group input {height: 14px;width: 14px;}
    /*============ profile page end ============*/

    /*============ save card page start ============*/
    .profile-page-main {padding-bottom: 40px;}
    .saved-card .add-new-card a {padding: 4px 30px;font-size: 15px;}
    .saved-card .add-new-card img {height: 32px;}
    .saved-card .add-new-card {margin-top: 12px;}
    .saved-card .saved-user-cards .user-card-detail .edit-remove-btn a.remove {padding: 8px 30px;}
    .saved-card .saved-user-cards .user-card-detail .edit-remove-btn a.edit {padding: 8px 44px;}
    .saved-card .saved-user-cards .user-card-detail .edit-remove-btn {padding-top: 13px;}
    .saved-card .saved-user-cards .user-card-detail {padding: 12px 16px 16px;}
    .saved-card .saved-user-cards .user-card-detail .card-detail {padding-bottom: 11px;}
    .saved-card .saved-user-cards .user-card-detail .card-detail h5 {margin-bottom: 0px;}
    /*============ save card page end ============*/

    /*============ my-esim page start ============*/
    .my-esim-main .nav-tabs {overflow-x: auto;flex-wrap: nowrap;white-space: nowrap;overflow-y: hidden; width: auto; justify-content: left;}
    .my-esim-main .nav-tabs .nav-item .nav-link {padding: 5px 48px;}
    .my-esim-main .myesim-box {margin-top: 12px;}
    .my-esim-main .myesim-box .plan-view-box .data-box {padding: 12px 16px 12px;}
    .my-esim-main .myesim-box .plan-view-box .country {padding: 10px 16px;}
    .my-esim-main .myesim-box .plan-view-box .data-box .plan-usage-detail {display: block;}
    .my-esim-main .myesim-box .plan-view-box .data-box .plan-usage-detail .qr-code{margin-top: 12px;}

    /* profile page pop up start  */
    .top-up-popup {min-width: 700px;padding: 20px 15px 0 20px;}
    .top-up-popup .top-up-prices .plan-box { margin-bottom: 20px;}
    /* profile page pop up end  */
    /*============ my-esim page end ============*/

    /*============ contact us page start ============*/
    .contact-us-main .contact-box h2, .contact-us-main .contact-detail-box h2 {font-size: 25px; margin-bottom: 10px;}
    .contact-us-main .contact-us-form .input-group input, .contact-us-main .contact-us-form .input-group textarea,.contact-us-main .contact-us-form .input-group select {padding: 6px 18px;}
    .contact-us-main .contact-us-form .input-group textarea {min-height: 92px;}
    .contact-us-main .contact-us-form .col {margin-bottom: 10px;}
    .contact-us-main .contact-box {padding: 10px 15px 15px;}
    /*============ contact us page end ============*/

    /*============ blog detail page start ============*/
    .blog-list-content h3 a{font-size: 20px;}
    .blog-aside .widget-body {padding: 10px;}
    .blog-aside .widget-title{padding: 10px;}
    .blog-aside .widget-title h3{font-weight: 600; font-size: 18px;}
    .blog-list-content h3 {margin-bottom: 0px;}
    .blog-list-content p {line-height: normal; }
    .blog-list-content ul {margin-top: auto;padding-top: 6px; display: flex; justify-content: space-between;}
    .blog-list-content ul li:not(:first-child):before {display: none;}
    .blog-aside .latest-post-aside .lpa-left{width: 70px;}
    .blog-details-main > .container > .row{flex-direction: column-reverse;}
    .blog-list-main  > .container > .row {flex-direction: column-reverse;}
    /* .blog-list-main.blog-main  > .container > .row .col {margin-bottom: 30px;} */
    /* .blog-list-main.blog-main  > .container > .row .col:last-child {margin-bottom: 0px;} */
    /* .blog-list-main  .pagination {margin-top: 12px;} */
    /*============ blog detail page end ============*/

    /*============ blog page start ============*/
    .blog-details-main{padding-top: 35px; padding-bottom: 35px;}
    .blog-details-box,.blog-details-main .blog-details-contact{padding: 15px;}
    .blog-details-main .blog-details-desc {margin-top: 10px;}
    .blog-details-main .blog-details-desc h2 { font-size: 24px;}
    .blog-details-main .blog-details-desc h3 { font-size: 22px;}
    .blog-details-main .blog-details-desc h4{font-size: 20px;}
    .blog-details-main .blog-details-desc h5{font-size: 18px;}
    .blog-details-contact h3 {font-size: 24px;}
    .blog-details-contact h2.comments-title {font-size: 18px;margin-bottom: 14px;}
    .blog-details-contact .comment-author.vcard img{height: 45px;}
    .blog-details-contact .comment-author.vcard cite, .blog-details-contact .comment-author.vcard span{font-size: 16px;}
    .blog-details-contact .comment-list .comment-body{margin-left: 60px;}
    .blog-details-contact .comment-list .comment-body:before{left: 50px; top: 10px;}
    .blog-details-contact .comment-list  li.comment{margin-bottom: 20px;}
    .blog-details-contact .comment-list .children > li{margin-top: 12px;}
    .blog-details-contact  input:not([type=submit]) { margin-bottom: 16px;}
    .blog-details-contact  textarea { margin-bottom: 16px; height: 114px;}
    .blog-details-contact  input[type=submit]{padding: 7px 20px;}
    /*============ blog page end ============*/

    /*contant details page css start  */
    .details-contant h2{font-size: 26px !important;}
    .details-contant h3{font-size: 22px !important;}
    .details-contant h4{font-size: 18px !important;}
    .details-contant h5{font-size: 17px !important;}
    .details-contant h6{font-size: 17px !important;}
    /* contant details page css end  */

    /*============ dashboard last sim btn start ============*/
    .last-sim-detail{margin-top: 24px;}
    .last-sim-detail a.button{font-size: 14px;}
    /*============ dashboard last sim btn end ============*/

    /*============ order detail page start ============*/
    .right-side-box .order-note textarea {padding: 6px 14px;}
    /*============ order detail page end ============*/

    /* thank you page start */
    .thank-you-section  img{height: 100px;}
    .thank-you-section h1{font-size: 70px; line-height: 70px; margin-bottom: 4px; }
    .thank-you-section p { font-size: 16px;line-height: 24px;}
    /* thank you page end */

    .right-side-box .account-payment-methods-table a{letter-spacing: 1px;}
    .product-name .all-Orders .order_QR_code_ img {height: 80px;width: 80px;}
    }

    @media(min-width:768px){
    /* ============ about us page start ============ */
    /*About Left Right Section Start*/
    .common-left-right > .container > .row,.common-left-right > .container-fluid > .row{display: flex; align-items: center;}
    .common-left-right > .container > .row:nth-child(even),.common-left-right > .container-fluid > .row:nth-child(even) {flex-direction: row-reverse;}
    /*About Left Right Section Start*/
    /* ============ about us page end ============ */
    }

    @media(max-width:767px){
    h2 {font-size: 25px;}
    h3 {font-size: 22px;}
    h4 {font-size: 20px;}
    .common-content h3:not(:first-child), .common-content h4:not(:first-child), .common-content h5:not(:first-child), .common-content h6:not(:first-child) {margin-bottom: 8px;}
    .comn-btn {padding: 7px 36px 7px;}

    /*============ login page start ============*/
    .sign-up .login-form {max-width: 100%; box-shadow: none; padding: 0;}
    .sign-up .login-comn-box h2 {font-size: 24px;}
    .sign-up .login-comn-box .login-social h5::before, .sign-up .login-comn-box .login-social h5::after {width: 134px;}
    .sign-up .login-comn-box .login-social ul li img {height: 31px;}
    .sign-up .login-comn-box .login-social ul li:not(:last-child) {margin-right: 20px;}
    .sign-up .login-comn-box .login-social {margin-top: 20px;}
    .sign-up .login-comn-box .login-social ul {margin-top: 14px;}
    .sign-up .signup-box { padding: 33px 30px 37px; border-radius: 6px;   box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 8px -1px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;  margin-top: 30px;}
    .sign-up .login-box { padding: 33px 30px 37px; border-radius: 6px;   box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 8px -1px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
    .sign-up .login-form::before{display: none;}
    /*============ login page end ============*/

    /*============ hero banner start ============*/
    /*.hero-banner {min-height: 272px;}*/
    .hero-banner::after{opacity: 0.5;}
    .hero-banner-content h1 {font-size: 24px; line-height: 32px; }
    .hero-banner-content img{height: 30px;}
    /*============ hero banner end ============*/

    /*============ hero banner-2 start  ============*/
    .about-hero-banner {padding-top: 82px;}
    .about-hero-banner{min-height: 272px;}
    .about-hero-banner .hero-banner-left img {height: 164px;}
    .about-hero-banner .hero-banner-content h1 {font-size: 28px; line-height: 32px;}
    /*============ hero banner-2 end  ============*/

    /*========== plan list page start ==========*/
    .data-plan-main {padding-top: 30px;padding-bottom: 10px;}
    .tab-head {padding: 30px 0;}
    .tab-main .tab-content .tab-pane .row .col {margin-bottom: 20px;}
    /*========== plan list page end ==========*/

    /* ============ about us page start ============ */
    /* common left right section start */
    .common-left-right .img-holder {padding: 15px 15px 0;}
    .common-left-right .text-holder {padding: 15px 15px 15px;}
    .common-content h2 {line-height: 29px;}
    .common-left-right .text-holder h2 {font-size: 26px;}
    .common-left-right > .container > .row, .common-left-right > .container-fluid > .row { margin-bottom: 15px;}
    /* common left right section end */

    /* common content strt */
    .common-content ul { margin-bottom: 10px;}
    .common-content ol{margin-bottom: 10px;}
    .common-content ol li{padding-bottom: 8px;}
    .common-left-right .text-holder a i {font-size: 12px;}
    /* common content end */

    /* about benifit section start */
    .about-benifit-sec .about-benifit-box{margin-bottom: 20px;}
    /* about benifit section end */

    /* about cta section start */
    .about-us-cta .cta-image .cta-cantent {top: 4px;max-width: 210px;}
    .about-us-cta .cta-image .cta-cantent h3 {font-size: 20px;margin-bottom: 5px;line-height: 29px;}
    .about-us-cta .cta-image .cta-cantent a {padding: 5px 23px;}
    .pb-60 {padding-bottom: 30px;}
    .pt-60{padding-top: 30px;}
    .about-us-cta .cta-image::before{position: absolute; content: " ";   background: rgb(255,255,255); background:linear-gradient(268deg, rgb(255 255 255 / 80%) 0%, rgba(58, 58, 58, 0) 80%);  height: 100%; width: 100%;}
    /* about cta section end */
    /* ============ about us page end ============ */

    /*============ plan detaile page start ============*/
    .back-link {padding-bottom: 16px;padding-top: 16px;}
    .plan-detail {padding-bottom: 30px;}

    .detail-box .tab-pane ul li::before{top: 9px;}
    .plan-detail .detail-head .head-group h2 {font-size: 24px;}
    .detail-box .tab-pane  {margin-top: 12px;}
    .detail-box .nav-tabs{flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden;padding-bottom: 8px; }
    .detail-box .nav-tabs .nav-link{white-space: nowrap;}
    .detail-box .compabality-btn {float: none;margin-bottom: 15px;}
    .data-plan .data-plan-head {margin-bottom: 6px;}
    .data-plan .data-plan-head h4 {font-size: 15px;}
    .data-plan .plan-list .special-plan-btn {margin-top: 12px;}
    .data-plan .plan-list .select-data-plan .select-add {font-size: 14px;}
    .data-plane-tab .tab-content .tab-pane {padding: 12px 15px;}
    .data-plane-tab .tab-content .accordion-body{padding-top: 12px; margin-top: 12px;}
    /*============ plan detaile page end ============*/

    /*============ checkoutbox start ============*/
    .checkout .check-out-main .check-out-box .country-travel-box h5{font-size: 17px;}
    .checkout .check-out-main .check-out-box .dataplan-box table th {font-size: 16px;}
    .checkout .check-out-main .check-out-box .dataplan-box{overflow-x: auto;}
    .checkout .check-out-main .check-out-box .dataplan-box table{width: 550px !important;}
    .checkout .check-out-main .check-out-box .country-travel-box .country-name {padding: 14px 18px;}
    .checkout .check-out-main .check-out-box .dataplan-box table td {padding: 15px 0;}
    .checkout .check-out-main .total-price h6, .checkout .check-out-main .total-price span {font-size: 16px;}
    .checkout .check-out-main .code-payment {margin-top: 18px;}
    .code-payment .code-method-comn h5 {font-size: 18px;margin-bottom: 4px;}
    .code-payment .code-method-comn p {margin-bottom: 10px;}
    .code-payment .cupan-code {margin-top: 20px;}
    .code-payment .code-method-comn select{margin-top: 0;}
    .code-payment .conformantion {margin-top: 20px;}
    .check-out-main .complete-btn {margin-top: 26px;}

    .code-payment .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .input-text, .code-payment .form-row-first .input-text {padding: 6px 13px;}
    /*============ checkoutbox end ============*/

    /*=========== order receved page start ===========*/
    ul.woocommerce-order-overview li{margin-right: 14px !important; padding-right: 14px !important;}
    ul.woocommerce-order-overview li:last-child{margin-top: 13px;}

    /*=========== order receved page end ===========*/

    /*============ profile page start ============*/
    .profile-main h2 {margin-bottom: 10px;}
    .profile-main .profile-box .right-side-box { margin-top: 30px;}
    .right-side-box .contact-form form .form-control label {font-size: 15px;}
    .right-side-box .contact-form select, .right-side-box .contact-form input[type="text"], .right-side-box .contact-form input[type="password"],
    .right-side-box .contact-form input[type="email"], .right-side-box .contact-form textarea {height: 17px; font-size: 15px;}
    .right-side-box .contact-form form .checkbox-group {margin-bottom: 10px;}
    .right-side-box .contact-form form .form-control {margin-bottom: 10px;}
    .right-side-box .contact-form form .form-control label {top: 13px;}
    .right-side-box .contact-form form .checkbox-group .custom-input::before {width: 11px;height: 12px;}
    .right-side-box .contact-form form .focused label{top:4px; font-size: 12px;}
    .profile-main .profile-box .profile-left-side ul li img {height: 15px;}
    /*============ profile page end ============*/

    /*============ save card page start ============*/
    .profile-page-main {padding-bottom: 30px;}
    .saved-card .saved-user-cards .user-card-detail:first-child {margin-top: 15px;}
    .saved-card .add-new-card img {height: 28px;}
    .saved-card .add-new-card {margin-top: 8px;}
    /*============ save card page end ============*/

    /*============ my-esim page start ============*/
    .my-esim-main .nav-tabs{justify-content: center; width: fit-content;}
    .my-esim-main .myesim-box .plan-view-box .country {padding: 9px 16px;}
    .my-esim-main .myesim-box .plan-view-box .country h4 img {height: 17px;}
    .my-esim-main .myesim-box .plan-view-box .country h4 {padding-left: 39px;}
    .my-esim-main .myesim-box .plan-view-box .data-box {padding: 10px 16px 10px;}
    .my-esim-main .myesim-box .plan-view-box .data-box li {font-size: 14px;}
    .my-esim-main .myesim-box .plan-view-box .data-box li:first-child {font-size: 14px; }
    .my-esim-main .myesim-box .plan-view-box .data-box .total-data-plan h5 {font-size: 14px;}
    .my-esim-main .myesim-box .plan-view-box .data-box .progress-expire p {font-size: 14px;}
    .my-esim-main .myesim-box .plan-view-box .data-box .progress {height: 3px;margin-bottom: 1px;}

    /* profile page pop up start  */
    .top-up-popup {min-width: 545px;}
    .top-up-popup .top-up-prices .plan-box {margin-right: 4%; width: 48%;}
    .top-up-popup .top-up-prices .plan-box:nth-child(3n + 3) {margin-right: 4%;}
    .top-up-popup .top-up-prices .plan-box:nth-child(2n + 2) {margin-right: 0;}
    .my-esim-main .top-up-container .top-up-button.comn-btn {padding: 6px 27px 6px; font-size: 14px;}
    .my-esim-main .load-more-btn {margin-top: 15px;}
    /* profile page pop up end  */
    /*============ my-esim page end ============*/

    /*============ contact us page start ============*/
    .contact-us-main .contact-detail-box{margin-top: 20px;}
    .contact-us-main .contact-us-form .input-group input, .contact-us-main .contact-us-form .input-group textarea {padding: 6px 13px;}
    .wpcf7-not-valid-tip {font-size: 14px;}
    .wpcf7 form .wpcf7-response-output{line-height: normal;}
    /*============ contact us page end ============*/

    /*============ blog detail page start ============*/
    .blog-list-media .blog-list-img .list-date{padding: 5px 10px;}
    .blog-list-media .blog-list-img .list-date span{line-height: 18px; font-size: 18px;}
    .blog-list-content{padding-top: 6px;}
    .blog-list-content h3 a{font-size: 18px;}
    .blog-list-content p{margin-bottom: px;}
    /*============ blog detail page end ============*/

    /*============ blog page start ============*/
    .blog-details-main{padding-top: 25px; padding-bottom: 25px;}
    .blog-details-main .blog-details-desc h2 {font-size: 22px;}
    .blog-details-main .blog-details-desc h3 { font-size: 20px; margin-bottom: 5px;}
    .blog-details-main .blog-details-desc h4{font-size: 18px; margin-bottom: 5px;}
    .blog-details-main .blog-details-desc h5{font-size: 16px; margin-bottom: 5px;}
    .blog-details-main .blog-details-desc ul li {  padding-bottom: 8px; }

    /* blog date start */
    .blog-details-main .blog-details-box .list-date{padding: 5px 10px;}
    .blog-details-main .blog-details-box .list-date span { line-height: 18px; font-size: 18px;}
    /* blog date end */

    /* blog contact start */
    .blog-details-contact h3 {font-size: 22px;}
    .blog-details-contact .form-control::placeholder{font-size: 14px;}
    .blog-details-contact  input:not([type=submit]) {margin-bottom: 13px;}
    .blog-details-contact  textarea { margin-bottom: 12px; height: 90px;}
    .blog-details-contact  input[type=submit] { padding: 6px 18px; font-size: 15px;}
    .blog-details-contact .form-control { padding: 5px 12px 7px 12px;}
    /* blog contact end */
    /*============ blog page end ============*/

    /*contant details page css start  */
    .details-contant h2{font-size: 24px !important;}
    .details-contant h3{font-size: 20px !important;}
    .details-contant h4{font-size: 18px !important;}
    .details-contant h5{font-size: 17px !important;}
    /* contant details page css end  */

    .common-content table{font-size: 15px; width: 100%;}
    .common-content table tr td, .common-content table tr th{white-space: nowrap;}

    /*============ order page start ============*/
    .right-side-box .woocommerce-orders-search-form .button {padding: 9px 11px;}
    /*============ order page end ============*/

    /*============ order detail page start ============*/
    .product-name .all-Orders .order_QR_code_ {margin-bottom: 6px;}
    .product-name .all-Orders .order_QR_code_ img {height: 70px;width: 70px;}
    /*============ order detail page end ============*/

    /* thank you page start */
    .thank-you-section  img{height: 80px; margin-bottom: 12px;}
    .thank-you-section h1{font-size: 50px; line-height: 50px;}
    .thank-you-section p { font-size: 15px;}
    /* thank you page end */

     /* Install application page start */
    .app-install .logo a img {width: 230px;}
    /* Install application page end */
    }

    @media(min-width:480px) and (max-width:575px){
    /*============ Blog Content list start ============*/
    .blog-list-main .col-sm-6{width: 50%; display: inline-block;}
    .blog-list-content ul li{width: auto;}
    .blog-list-content ul li:not(:first-child){padding-left: 10px; margin-left: 5px;}
    /*============ Blog Content list end ============*/

    /*============ blog contact start ============*/
    .blog-details-contact  .col-sm-6{width: 50%;}
    /*============ blog contact end ============*/
    }

    @media(min-width:576px){
    /*============ blog sidebar start ============*/
    .blog-aside .blog-toggle-btn-box{display: none;}
    /*============ blog sidebar end ============*/
    }

    @media(max-width:575px){
    h5 {font-size: 18px;}

    /*============ login page start ============*/
    .sign-up .login-comn-box .remember {margin-top: 0px;}
    .sign-up .login-comn-box input.input-text {padding: 9px 15px;}
    .sign-up .login-comn-box input[type='submit'] {margin-top: 15px; font-size: 16px;}
    .sign-up .login-comn-box .login-social h5::before, .sign-up .login-comn-box .login-social h5::after {width: 100px;}
    .sign-up .login-comn-box .login-social h5 {font-size: 15px;}
    .sign-up .signup-box {margin-top: 24px;}
    .sign-up .login-comn-box .term-condition {margin-top: 15px;}
    /*============ login page end ============*/

    /*============ hero banner start ============*/
    .data-plane-tab {padding: 30px 0;}
    .hero-banner::after{background-size: contain;}
    .hero-banner {min-height: 170px; padding-top: 64px;}
    /*.hero-banner::after {background-size: 640px;}*/
    /*============ hero banner end ============*/

    /*============ hero banner-2 start ============*/
    .about-hero-banner .hero-banner-content h1 {margin-bottom: 24px;}
    .about-hero-banner {min-height: 262px;}
    .about-hero-banner .hero-banner-left img {height: 144px;}
    /*============ hero banner-2 end ============*/

    /*========== plan list page start ==========*/
    .data-plan-main {padding-bottom: 0px;}
    .tab-head {padding: 25px 0;}
    /*========== plan list page end ==========*/

    /* ============ about us page start ============ */
    /* common left right start */
    .common-content h2 {margin-bottom: 7px;}
    .common-left-right > .container > .row, .common-left-right > .container-fluid > .row { margin-bottom: 10px;}
    .common-left-right .text-holder a {margin-top: 0px;}
    /* common left right end */
    /* common content start */
    .common-content ul li { padding-bottom: 6px;}
    .common-content ol li { padding-bottom: 6px;}
    .common-content h3:not(:first-child), .common-content h4:not(:first-child), .common-content h5:not(:first-child), .common-content h6:not(:first-child) {padding-top: 2px;}
    /* common content end */
    .about-us-cta .cta-image .cta-cantent {top: 14px;}
    .about-us-cta .cta-image .cta-cantent h3 {font-size: 16px;line-height: 25px;}
    .about-us-cta .cta-image .cta-cantent {top: 4px; max-width: 190px;}
    .about-us-cta .cta-image .cta-cantent a {padding: 4px 21px;font-size: 12px;}
    /* ============ about us page end   ============ */

    /*============ product detail page start ============*/
    .plan-detail .detail-head  h6 { font-weight: 400;}
    .plan-detail .detail-left {padding-top: 20px;}
    .plan-detail .detail-head .head-group img {height: 22px;}
    .plan-detail .detail-head .head-group h2 {  font-size: 22px;}
    .detail-box {padding: 15px; padding-left: 45px;}
    .detail-box .compabality-btn {font-size: 14px;padding: 4px 14px;}
    .detail-box .compabality-btn img {height: 20px;}
    .detail-box p.notice {margin-top: 10px;}
    .dataplan-box-main {margin-top: 15px;}
    .dataplan-box-main {padding: 15px 15px;}
    .dataplan-box-main .plan-head { margin-bottom: 15px;}
    .qty-input .product-qty {width: 42px;}
    .data-plan .data-plan-head {margin-bottom: 0px;}
    .dataplan-box-main .plan-head h3 {font-size: 16px; padding-right: 10px;}
    .data-plan {padding: 9px 15px 15px;}
    .data-plan .data-plan-head h4 {font-size: 14px;}
    .data-plan .plan-list .select-data-plan select {max-width: 227px;}
    .data-plan .plan-list .plan-total h5 {font-size: 15px;}
    .data-plan .plan-list li {font-size: 14px;}
    .dataplan-box-main .plan-head select {max-width: 91px;}
    .migration-select-tab .select-btn {padding: 11px 15px;}
    .data-plane-tab .nav .nav-link{border-radius: 5px;}
    .data-plane-tab .nav .nav-link span {font-size: 14px; line-height: normal;}
    /*============ product detail page end ============*/

    /*============ checkout page start ============*/
    .checkout .check-out-main .check-out-box .country-travel-box .country-name {padding: 11px 16px;}
    .checkout .check-out-main h2 {font-size: 24px;}
    .checkout .check-out-main .check-out-box .dataplan-box table th {font-size: 16px;}
    .checkout .check-out-main .check-out-box {padding: 16px;}
    .code-payment .code-method-comn h5 {font-size: 16px;}
    .checkout .check-out-main .check-out-box .dataplan-box table td {padding: 13px 0;}
    .checkout .check-out-main .check-out-box .button {padding: 5px 34px;}
    .checkout .check-out-main .code-payment {margin-top: 16px;}
    .code-payment .cupan-code {margin-top: 18px;}
    .checkout .check-out-main .check-out-box .dataplan-box {padding: 12px 18px 0;}
    .checkout .check-out-main .check-out-box .country-travel-box h5 img {height: 16px;margin-right: 4px;}
    /*============ checkout page end ============*/

    /*=========== order receved page start ===========*/
    ul.woocommerce-order-overview li:last-child{margin-top: 13px;}
    ul.woocommerce-order-overview li:nth-last-child(2){margin-top: 13px;}
    /*=========== order receved page end ===========*/

    /*============ profile page start ============*/
    .profile-main h2 {font-size: 24px;}
    .profile-page-main {padding-top: 20px;padding-bottom: 20px;}
    .profile-main .profile-box .right-side-box {margin-top: 24px;}
    .right-side-box h4 {font-size: 18px;}
    .profile-main .profile-box .profile-left-side h5 {font-size: 16px;}
    /*============ profile page end ============*/

    /* profile page pop up start  */
    .top-up-popup {min-width: 452px;}
    /* profile page pop up end  */

    /*============ save card page start ============*/
    .saved-card .add-new-card a {font-size: 14px;}
    .saved-card .saved-user-cards .user-card-detail {padding: 10px 14px 14px;}
    .saved-card .saved-user-cards .user-card-detail .edit-remove-btn a.remove {padding: 8px 26px;}
    .saved-card .saved-user-cards .user-card-detail .edit-remove-btn a.edit {padding: 8px 40px;}
    .saved-card .saved-user-cards .user-card-detail .card-detail h5 {font-size: 15px;}
    /*============ save card page end ============*/

    /*============ contact us page start ============*/
    .contact-us-main .contact-box h2, .contact-us-main .contact-detail-box h2 {font-size: 24px;}
    .contact-us-main .contact-detail-box ul li .icon {height: 50px;width: 50px;}
    .contact-us-main .contact-detail-box ul li .icon i {font-size: 20px;}
    .contact-us-main .contact-detail-box ul li {margin-bottom: 16px;}
    .contact-us-main .contact-us-form .input-group select{background-size: 14px;}
    /*============ contact us page end ============*/

    /*============ blog detail page start ============*/
    /* Blog Content list start */
    .blog-list-main .row .col .row .col{margin-bottom: 15px;}
    /* Blog Content list end */
    /* Blog Sidebar start*/
    .blog-aside .blog-widget{margin-bottom: 15px !important;}
    /* Blog Sidebar End*/
    /*============ blog detail page end ============*/

    /*contant details page css start  */
    .details-contant h2{font-size: 23px !important;}
    .details-contant h3{font-size: 18px !important;}
    .details-contant h4{font-size: 17px !important;}
    .details-contant h6{font-size: 16px !important;}
    /* contant details page css end  */

     /*============ blog page start ============*/
    .blog-details-main{padding-top: 15px; padding-bottom: 15px;}
    .blog-details-main .blog-details-desc h2 {font-size: 20px; margin-bottom: 8px; padding-bottom: 8px;}
    .blog-details-main .blog-details-desc h3 { font-size: 18px;}
    .blog-details-main .blog-details-desc h4{font-size: 17px;}
    .blog-details-main .blog-details-desc h5{font-size: 16px;}
    .blog-details-contact .comment-author.vcard img { height: 38px;}
    .blog-details-contact .comment-list .comment-body { margin-left: 53px;}
    .blog-details-contact .comment-list .comment-body:before {  left: 43px;top: 8px;}
    .blog-details-contact .comment-list .children > li{margin-left: 8px;}
    .blog-details-contact h3 {font-size: 20px; margin-bottom: 6px;}
    .blog-details-contact p.comment-notes{margin-bottom: 12px;}
    .blog-details-contact  input[type=submit] {padding: 5px 18px; font-size: 14px;}
    /*============ blog details page end ============*/

    .last-sim-detail a.button {font-size: 13px;}

    /*============ payment method page start ============*/
    .right-side-box .add-payment-method {margin-top: 9px;}
    /*============ payment method page end ============*/

    /*============ comn order table start ============*/
    .woocommerce table.shop_table td.view-order{display: flex; justify-content: space-between; align-items: center;}
    /*=========== comn order table end ============*/

    /* thank you page start */
    .thank-you-section  img{height: 70px; margin-bottom: 10px;}
    .thank-you-section h1{font-size: 40px; line-height: 40px;}
    /* thank you page end */

      /* Install application page start */
    .app-install .logo a img {width: 180px;}
    /* Install application page end */

    
    }

    @media(min-width:480px){
    /*============ blog contact start ============*/
    .blog-details-contact .comment-form-author,.blog-details-contact .comment-form-email{width: 100%; display: inline-block;}
    /*============ blog contact end ============*/
    }

    @media(max-width:479px){
    h2 {font-size: 20px;}
    h3 {font-size: 18px;}
    h4 {font-size: 18px;}
    h5 {font-size: 18px;}

    .common-content h6 {font-size: 16px;}
    .comn-btn{font-size: 15px;padding: 7px 32px 7px;}
    .profile-main h2 {font-size: 22px;}
    /*============ login form start ============*/
    .sign-up .login-box,.sign-up .signup-box {padding: 15px 15px 20px;}
    .sign-up .login-comn-box h2 {font-size: 22px;}
    .sign-up .login-comn-box input.input-text {padding: 7px 15px; margin-bottom: 10px;}
    .sign-up .login-comn-box input.input-text::placeholder {font-size: 14px;}
    .sign-up .login-comn-box input[type='submit'] { margin-top: 12px;font-size: 14px;padding: 7px 10px;}
    .sign-up .login-comn-box input[type='radio'] {height: 14px;width: 14px; position: absolute; left: 0; top: 5px;}
    .sign-up .login-comn-box .col{width: 100%;}
    .sign-up .login-comn-box .remember{position: relative; padding-left: 20px;}
    .sign-up .login-comn-box .forgot-pass a{font-size: 14px; font-weight: 400;}
    .sign-up .login-comn-box .login-social {margin-top: 12px;}
    .sign-up .login-comn-box .login-social h5::before, .sign-up .login-comn-box .login-social h5::after {width: 55px;}
    .sign-up .login-comn-box .login-social ul {margin-top: 10px;}
    .sign-up .login-comn-box .login-social ul li:not(:last-child) {margin-right: 16px;}
    .sign-up .login-comn-box .login-social ul li img {height: 27px;}
    .sign-up .login-comn-box .term-condition {margin-top: 12px;}
    .sign-up .login-comn-box .input-group a {right: 17px;font-size: 16px;}
    /*============ login form end ============*/

    /*============ hero banner start ============*/
    .hero-banner {min-height: 140px; padding-top: 60px;}
    /*.hero-banner::after {background-size: 530px;}*/
    .hero-banner-content h1 {font-size: 22px; line-height: 26px; }
    .hero-banner-content img {height: 26px;}
    /*============ hero banner end ============*/

    /*============ second hero banner start ============*/
    .about-hero-banner .hero-banner-content h1 {margin-bottom: 10px;}
    .about-hero-banner {padding-top: 60px;}
    .about-hero-banner .home-banner-content {padding-bottom: 10px;}
    .about-hero-banner {min-height: 212px;}
    .about-hero-banner .hero-banner-content h1 {font-size: 22px; line-height: 26px;}
    .about-hero-banner .hero-banner-left img {height: 94px;}
    /*============ second hero banner end ============*/

    /*========== plan list page start ==========*/
    .tab-head .nav-tabs .nav-link {width: 100%; white-space: nowrap;}
    .tab-main .tab-content .tab-pane .row .col{width: 100%;}
    .tab-head .nav-tabs {flex-wrap: nowrap; overflow-y: hidden; overflow-x: scroll; padding-bottom: 5px;}
    /*========== plan list page end ==========*/

    /* ============ about us page start ============ */
    .common-left-right .text-holder h2 {font-size: 20px;}
    .common-content h2 {line-height: 17px;}

    .about-us-cta .cta-image .cta-cantent{top: 2px; right: 0;}
    .about-us-cta .cta-image .cta-cantent h3 {font-size: 14px; line-height: 22px; margin-bottom: 3px;}
    .about-us-cta .cta-image .cta-cantent a {padding: 5px 18px;    font-size: 11px;line-height: normal;}
    .common-content ul li:before {top: 9px;}
    .pb-60 {padding-bottom: 30px;}
    .pt-60{padding-top: 30px;}
    /* ============ about us page end   ============ */

    /*============ plan detail page start ============*/
    .back-link {padding-bottom: 12px;padding-top: 12px;}
    .plan-detail {padding-bottom: 25px;}
    .plan-detail .detail-left {padding-top: 16px;}
    .plan-detail .detail-head .head-group img {height: 18px;}
    .plan-detail .detail-head {margin-bottom: 14px;}
    .detail-box .compabality-btn{float: none; margin-bottom: 15px;}
    .qty-input .product-qty, .qty-input .qty-count {height: 26px;}
    .data-plan .plan-list li {align-items: baseline;}
    .data-plan .plan-list .select-data-plan select {max-width: 137px; padding: 0 22px 0 10px; background-position: right 8px center;background-size: 11px;}
    .data-plan .plan-list .select-data-plan .select-add {padding: 3px 22px;}
    .data-plan .plan-list .plan-total {padding-top: 10px;}
    /*============ plan detail page end ============*/

    /*============ check out page start ============*/
    .checkout .check-out-main h2 {font-size: 22px;}
    .checkout .check-out-main .check-out-box {padding: 10px;}
    .checkout .check-out-main .check-out-box .country-travel-box h5 {font-size: 15px; padding-left: 35px; line-height: 22px; position: relative;}
    .checkout .check-out-main .check-out-box .country-travel-box h5 img{width: 24px;}
    .checkout .check-out-main .check-out-box .button {padding: 4px 24px;}
    .checkout .check-out-main .check-out-box .dataplan-box table td {font-size: 14px; padding: 11px 0;}
    .checkout .check-out-main .check-out-box .dataplan-box table th {font-size: 15px;}
    .checkout .check-out-main .check-out-box .dataplan-box table th {font-size: 15px;}
    .checkout .check-out-main .total-price {padding: 10px 15px;}
    .checkout .check-out-main .code-payment {margin-top: 12px;}
    .code-payment .code-method-comn h5 {font-size: 15px; margin-bottom: 0;}
    .code-payment .code-method-comn select {padding: 10px 14px; font-size: 15px; background-size: 20px;}
    .code-payment .conformantion {margin-top: 14px;}
    .check-out-main .complete-btn {margin-top: 17px;}
    .code-payment .code-method-comn p{font-size: 14px; margin-bottom: 6px;}
    .checkout .check-out-main .check-out-box .dataplan-box table {width: 415px !important;}
    .code-payment .form-row-last .comn-btn{padding: 7px 14px !important;}
    .code-payment .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .custom-error-message {font-size: 12px;}
    /*============ check out page end ============*/

    /*=========== order receved page start ===========*/
    .woocommerce ul.order_details li:first-child{margin-top: 5px;}
    .woocommerce ul.order_details li{float: none; border-right: 0; margin-top: 10px;}
    .woocommerce ul.order_details li:nth-last-child(2){margin-top: 10px;}
    .woocommerce ul.order_details li:last-child{margin-top: 10px;}
    /*=========== order receved page end ===========*/

    /*============ profile page start ============*/
    .profile-main .profile-box {padding: 10px;}
    .profile-main .profile-box .profile-left-side ul li {padding: 10px 18px;}
    .profile-main .profile-box .profile-left-side h5 {padding: 10px 18px;}
    .profile-main .profile-box .right-side-box {padding: 10px 10px; margin-top: 10px;}
    .right-side-box h4 {/*font-size: 16px;*/ margin-bottom: 4px;}
    .right-side-box .contact-form select, .right-side-box .contact-form input[type="text"], .right-side-box .contact-form input[type="password"],
    .right-side-box .contact-form input[type="email"], .right-side-box .contact-form textarea {height: 17px;}
    .right-side-box .contact-form form .form-control label {top: 12px; left: 14px;}
    .right-side-box .contact-form form .focused label{top: 4px;}
    .right-side-box .contact-form form .checkbox-group input {margin-right: 7px;}
    /*============ profile page end ============*/

    /*============ save card page start ============*/
    .saved-card .add-new-card a {padding: 3px 28px;font-size: 13px;}
    .saved-card .add-new-card img {height: 26px;}
    .saved-card .saved-user-cards .user-card-detail:first-child {margin-top: 10px;}
    .saved-card .saved-user-cards .user-card-detail .edit-remove-btn a{font-size: 11px;}
    .saved-card .saved-user-cards .user-card-detail .edit-remove-btn a.remove {padding: 7px 20px;}
    .saved-card .saved-user-cards .user-card-detail .edit-remove-btn a.edit {padding: 7px 33px;}
    .saved-card .saved-user-cards .user-card-detail .card-detail {padding-bottom: 8px;}
    .saved-card .saved-user-cards .user-card-detail .edit-remove-btn {padding-top: 10px;}
    .saved-card .saved-user-cards .user-card-detail {padding: 8px 12px 12px;}
    /*============ save card page end  ============*/

    /*============ my-esim page start ============*/
    .my-esim-main .nav-tabs { justify-content: start; width: auto; border-radius: 0; background: transparent; }
    .my-esim-main .nav-tabs li.nav-item:not(:last-of-type){margin-right: 5px;}

    .my-esim-main .nav-tabs .nav-item .nav-link {font-size: 15px; padding: 5px 34px; background-color: #eaeaea;}
    .my-esim-main .myesim-box .plan-view-box .country {padding: 7px 14px;}
    .my-esim-main .myesim-box .plan-view-box .country h4 img {height: 14px;}
    .my-esim-main .myesim-box .plan-view-box .country h4 {padding-left: 35px; font-size: 15px;}
    .my-esim-main .myesim-box .plan-view-box .data-box li:first-child {margin-right: 16px; font-size: 13px;}
    .my-esim-main .myesim-box .plan-view-box .data-box li:first-child::before {right: -9px; height: 13px;}
    .my-esim-main .myesim-box .plan-view-box .data-box li {font-size: 13px;}
    .my-esim-main .myesim-box .plan-view-box .data-box .total-data-plan h5 {font-size: 13px; margin-bottom: 0;}
    .my-esim-main .myesim-box .plan-view-box .data-box .total-data-plan {margin-top: 7px;}
    .my-esim-main .myesim-box .plan-view-box .data-box .progress-expire p {font-size: 13px;}
    /* profile page pop up start  */
    .top-up-popup {min-width: 290px;}
    .top-up-popup .top-up-prices .plan-box { margin-right: 0 !important;  width: 100%;}
    /* profile page pop up end  */
    /*============ my-esim page end ============*/

    /*============ contact us page start ============*/
    .contact-us-main .contact-box h2, .contact-us-main .contact-detail-box h2 {font-size: 22px;}
    .contact-us-main .contact-us-form .input-group .wpcf7-form-control-wrap {width: 100%;}
    .contact-us-main .contact-us-form .col{width: 100%;}
    .contact-us-main .contact-detail-box ul li .icon { height: 45px;width: 45px;}
    .contact-us-main .contact-detail-box ul li {margin-bottom: 13px;}
    .contact-us-main .contact-detail-box ul li .detail {margin-left: 14px;}
    .contact-us-main .contact-detail-box ul li .icon i {font-size: 18px;}
    /*============ contact us page end ============*/

    /*============ blog detaile page start ============*/
    .blog-details-contact h2.comments-title { font-size: 17px; margin-bottom: 12px;}
    .blog-list-main.blog-main  > .container > .row .col {margin-bottom: 15px;}
    /* .blog-list-main  > .container > .row .col:last-child {margin-bottom: 0;} */
    .blog-list-main  > .container > .row .col:nth-last-child(2) {margin-bottom: 15px;}
    .blog-list-main .row .col .row .col:nth-last-child(2) {margin-bottom: 15px;}
    .blog-list-main  > .container > .row .col {width: 100% !important; flex: auto; margin-bottom: 15px;}
    .blog-list-content ul {padding-top: 8px;}
    /*============ blog detaile page end ============*/

    /*============ last e-sim start ============*/
    .last-sim-detail h6 {font-size: 15px;}
    .last-sim-detail a.button {font-size: 12px;padding: 7px 10px;}
    /*============ last e-sim end ============*/

    /*============ payment method page start ============*/
    .right-side-box .account-payment-methods-table a {letter-spacing: 0px;}
    .right-side-box .add-payment-method a{font-size: 14px;}
    /*============ payment method page end ============*/

    /* terms checkbox page start */
    body.page-id-2001 .cms-details ul{column-count: 1;}
    /* terms checkbox page end */

    .right-side-box .woocommerce-Pagination{margin-top: 8px;}
    .right-side-box .woocommerce-Pagination a {padding: 4px 10px;}

        /* Install application page start */
    .app-install .logo a img {width: 150px;}
    .app-install .appstors img {height: 35px;}
    .app-install .appstors a {padding: 0 7px;}
    .app-install .appstors {margin-top: 20px;}
    /* Install application page end */
    }