@media (max-width: 1799.98px) {
    .virtual-nav {
        width: calc(100vw - 100px);
    }

    .new-homedec {
        left: -9%;
    }

    .use-cases-section::after {
        top: -1%;
    }

    .home-board {
        right: -8%;
    }

    .billboard-img {
        max-width: 920px;
    }

    .billboard-call {
        width: 17%;
        right: 18%;
    }
}

@media (max-width: 1699.98px) {
    .virtual-nav {
        width: calc(100vw - 20px);
    }

    .why-buy-section .why-cs-position .why-buy-call {
        left: 27%;
    }

    .reviews-section .reviews-slider {
        margin-left: 0;
    }

    .reviews-section .reviews-slider .owl-prev {
        left: -25px;
    }

    .reviews-section .reviews-slider .owl-next {
        right: -25px;
    }

    .top-nav {
        margin-right: 0;
    }

    .use-cases-section::after {
        width: 778px;
        right: 0;
        top: -1%;
    }

    .offered-points {
        padding: 0 30px;
    }

    .local-dropdown .dropdown-item {
        padding: 20px;
    }

    .local-dropdown .dropdown-menu {
        --bs-min-width: 95vw;
    }

    .billboard-img {
        max-width: 860px;
    }

    .billboard-call {
        width: 16%;
        right: 23%;
    }

    .billboard-rocket {
        width: 18%;
    }
}

@media (max-width: 1599.98px) {
    .new-slider .slick-center .slider-card {
        width: 460px;
        padding: 30px 30px;
    }

    .cartoon-img {
        max-width: 364px;
    }

    .services-offered {
        padding: 262px 0 110px;
    }

    .new-slider .slider-card {
        padding: 20px;
    }

    .home-board {
        right: 0%;
    }

    .billboard-img {
        max-width: 820px;
    }

    .billboard-call {
        width: 15%;
        right: 27%;
    }
}

@media (max-width: 1499.98px) {
    .new-slider .slick-center .slider-card {
        width: 430px;
        padding: 30px 20px;
    }

    .new-homedec {
        left: -4%;
    }

    .new-service-slider {
        max-width: 900px;
    }

    .new-slider .slider-card {
        max-width: 230px;
        padding: 20px 15px;
    }

    .interested-numbers .owl-next {
        right: -50px;
    }

    .interested-numbers .owl-prev {
        left: -50px;
    }

    .multynumber-cartoon {
        right: calc(100% - 14px);
    }

    .ported-box2.ported-box .multynumber-cartoon {
        top: 122px;
        right: calc(100% - 122px);
    }

    .billboard-img {
        max-width: 770px;
    }

    .billboard-call {
        width: 14%;
        right: 32%;
    }

    .billboard-rocket {
        width: 16%;
    }

    .billboard-arrow {
        max-width: 180px;
    }
}

@media (max-width: 1399.98px) {
    .virtual-nav .navbar-nav .nav-link {
        padding: 16px;
    }

    .entrie {
        min-width: unset;
    }

    .interested-numbers .owl-prev {
        left: -60px;
    }

    .interested-numbers .owl-next {
        right: -60px;
    }

    .new-homedec {
        scale: 0.8;
        top: 11%;
    }

    .nav-verticalborder {
        display: none;
    }

    .nav-icon-bg img {
        width: 12px;
    }

    .numbers-nav .nav-icon-bg img {
        width: 19px;
    }

    .numbers-nav .nav-item:last-child .nav-icon-bg img {
        width: 14px;
    }

    .nav-number {
        font-size: 12px;
    }

    /* .local-dropdown .dropdown-menu {
    right: calc(-44% + var(--bs-min-width-negative)) !important;
  } */
    .cartoon-img {
        margin-right: -60px;
    }

    .services-offered {
        padding-top: 222px;
    }

    .new-slider .slick-center .slider-card {
        width: 390px;
    }

    .buy-featured-new .buy-numbers {
        padding-left: 30px;
    }

    .buy-featured-new .buy-transitions {
        padding-right: 30px;
    }

    .buy-featured-new .featured-sub-title {
        max-width: 525px;
    }

    .use-cases-section::after {
        width: 648px;
    }

    .map-section .chart-map-section #us-map {
        margin-left: auto;
        width: auto;
    }

    .map-section .us-all-numberss {
        max-height: 497px;
        overflow-y: auto;
        padding-right: 8px;
    }

    .why-need-section .why-need-4 {
        width: 418px;
        height: 418px;
    }

    .why-need-section .why-need-4 .logo-img {
        margin-bottom: 10px;
    }

    .why-need-section .why-need-4 .title {
        font-size: 28px;
        font-weight: 700;
        line-height: 34px;
        margin-bottom: 10px;
        max-width: 234px;
    }

    .why-need-section .why-need-4 .sub-title {
        font-size: 16px;
        font-weight: 400;
        line-height: 23px;
        margin-bottom: 10px;
    }

    .why-need-section .why-need-1 .need-text-5::before {
        left: -14%;
    }

    .why-need-section .why-need-1 .need-text-1 {
        left: -4%;
    }

    .why-need-section .why-need-1 .need-text-4 {
        right: -14.5%;
    }

    .why-need-section .why-need-1 .need-text-6 {
        right: -11%;
    }

    .why-need-section .why-need-1 .need-text-3::before {
        right: -5%;
        top: 45%;
    }

    .why-need-section .why-need-1 .need-text-2::before {
        right: -3%;
    }

    .why-need-section .why-need-1 .need-text-2 {
        left: -25.3%;
    }

    .reviews-section .reviews-slider .revies-slide-ring {
        width: 534px;
        height: 534px;
    }

    .reviews-section .reviews-slider .review-position {
        margin-bottom: 38px;
    }

    .reviews-section .reviews-slider .review-text::after {
        top: -50px;
    }

    .reviews-section {
        padding-bottom: 330px;
    }

    .why-waiting-section .waiting-part {
        right: 4%;
        bottom: 10%;
    }

    .why-waiting-section .waiting-arrow {
        left: 59px;
    }

    .result-waiting-content .sub-title {
        font-size: 16px;
        margin-bottom: 10px;
        max-width: 329.5px;
    }

    .result-waiting-content .light-btn,
    .result-waiting-content .light-blue-btn {
        padding: 10px 20px !important;
    }

    .result-waiting-content {
        top: 160px;
    }

    .rws-mb-new,
    .result-waiting-section {
        margin-bottom: -135px !important;
    }

    .checkout-box .feedback-box {
        padding: 0;
        margin: 0 20px 0 0;
    }

    .transfer-detail {
        margin: 0 20px 0 0;
    }

    .connectedSortable {
        gap: 25px;
    }

    .metrioit-static3 {
        left: 1%;
    }

    .metrioit-static1 {
        right: 4%;
    }

    .error-cartoon {
        left: 45%;
        top: -12%;
        max-width: 200px;
    }

    .error-content {
        margin-top: 0;
    }

    .ntransfer-footer {
        padding: 126px 0 15px;
    }

    .multynumber-cartoon {
        right: calc(100% - 50px);
        scale: .8;
    }

    .shopcart-modal .modal-dialog.large-modal {
        max-width: 992px !important;
    }

    .shopingnumbers-list {
        padding-right: 0;
    }

    .shopingnumbers-list th:nth-child(2) p {
        min-width: 204px;
        width: 100%;
    }

    .shopingnumbers-list th p {
        min-width: 192px;
        width: 100%;
    }

    .not-multynumber-cartoon.multynumber-cartoon {
        right: calc(100% - 116px);
    }

    .billboard-content h2 {
        font-size: 42px;
        line-height: 58px;
        margin-bottom: 14px;
    }

    .billboard-content p {
        font-size: 17px;
        margin-bottom: 28px;
    }

    .billboard-content {
        padding-top: 22%;
    }

    .billboard-img {
        width: 100%;
    }

    .billboard-section {
        padding-top: 140px;
    }

    .billboard-wave {
        max-height: 150px;
    }
}

@media (max-width: 1300px) {
    .new-service-slider {
        max-width: 840px;
    }

    .interested-numbers .owl-prev {
        right: 60px;
        bottom: -60px;
        left: unset;
        top: unset;
    }

    .interested-numbers .owl-next {
        right: 0;
        bottom: -60px;
        left: unset;
        top: unset;
    }

    .choose-round {
        width: 318px;
        height: 318px;
    }

    .choose-round .title {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .choose-round .sub-title {
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 10px;
    }

    .choose-round .logo-img {
        max-width: 147px;
        margin-bottom: 0px;
    }

    .choose-round .search-btn {
        font-size: 16px;
        min-width: 203px;
        height: 50px;
    }

    .choose-border {
        padding: 30px;
    }

    .choose-img1,
    .choose-img2,
    .choose-img3 {
        width: 50px;
        height: 50px;
    }

    .choose-img1 img,
    .choose-img2 img,
    .choose-img3 img {
        width: 25px;
        height: 25px;
    }

    .choose-text1 p,
    .choose-text2 p,
    .choose-text3 p {
        font-size: 15px;
        font-weight: 400;
        line-height: normal;
    }

    .choose-text1 span,
    .choose-text2 span,
    .choose-text3 span {
        font-size: 25px;
        line-height: normal;
        margin-top: -3px;
    }

    .choose-text1,
    .choose-text2,
    .choose-text3 {
        gap: 10px;
    }

    .noanimated .metrioit-static {
        scale: 0.8;
    }

    .metrioit-static4 {
        bottom: 14%;
        right: -1%;
    }

    .not-multynumber-cartoon.multynumber-cartoon {
        bottom: -21px;
        scale: .6;
        right: calc(100% - 176px);
    }
}

@media (max-width: 1199.98px) {

    .card-btn-trans,
    .card-btn-white {
        font-size: 14px;
        padding: 6px 10px;
    }

    .savedlater-card .movecard-btn {
        padding: 8px 9px;
    }

    .later-text {
        margin-bottom: 30px;
    }

    .new-homedec {
        left: -5%;
        scale: 0.8;
        top: unset;
        bottom: -64%;
    }

    .transfer-detail {
        margin: 0;
    }

    /* .nav-icon-bg {
        width: 25px;
        height: 25px
    } */
    .local-dropdown .dropdown-item {
        padding: 10px 5px 10px 10px;
    }

    /* .local-dropdown .dropdown-menu {
    right: calc(-60% + var(--bs-min-width-negative)) !important;
  } */
    .services-offered {
        padding: 250px 0 135px;
    }

    .new-slider .slick-center .slider-card {
        width: 460px;
    }

    .cartoon-img {
        /* position: absolute;
  top: -40px;
  width: 200px !important; */
    }

    .offered-points-section .offered-points {
        margin-top: 0;
    }

    .buy-featured-new .buy-transitions {
        padding-right: 14px;
    }

    .buy-featured-new .buy-numbers {
        padding-left: 13px;
    }

    .buy-featured-new .featured-sub-title {
        max-width: 375px;
    }

    .login-bg::after {
        top: -355px;
        left: -109px;
        z-index: 3;
    }

    .signup-box {
        margin: auto;
    }

    .payment-card .payment-detail {
        padding: 0;
    }

    .use-cases-section::after {
        width: 478px;
        right: 0;
        top: -4%;
    }

    .checkout-box .feedback-box {
        margin: 0 0 30px 0;
    }

    .virtual-nav .navbar-nav .nav-link {
        padding: 10px 6px;
        font-size: 16px;
        font-weight: 500;
    }

    .why-us-network {
        max-width: 444px;
        margin: auto;
    }

    .why-us-network .home-dec-1 {
        top: 0 !important;
        left: 10px !important;
    }

    .virtual-nav {
        width: 100%;
    }

    .why-choose-section {
        margin-top: -80px;
    }

    .why-choose-section .wcs-position .round-5 {
        top: -21%;
        left: 25%;
    }

    .why-choose-section .wcs-position .round-4 {
        top: 8%;
        left: -2%;
    }

    .why-buy-section .why-cs-position .why-buy-call {
        left: 14%;
        top: 23%;
        width: 180px;
    }

    .use-cases-section .use-cases-slider .owl-next {
        right: -25px;
    }

    .use-cases-section .use-cases-slider .owl-prev {
        left: -25px;
    }

    .why-need-section .why-need-2,
    .why-need-section .why-need-1,
    .why-need-section .why-need-3 {
        padding: 40px;
    }

    .why-need-section .why-need-1 .need-text-1 {
        left: -10.5%;
    }

    .why-need-section .why-need-1 .need-text-4 {
        right: -23.5%;
    }

    .why-need-section .why-need-1 .need-text-6 {
        right: -17.5%;
    }

    .why-need-section .why-need-1 .need-text-3 {
        bottom: 6%;
    }

    .why-need-section .why-need-1 .need-text-5::before {
        bottom: unset;
        top: -30%;
        left: 0%;
    }

    .why-need-section .why-need-1 .need-text-5 {
        right: -25%;
        top: 56%;
    }

    .why-need-section .why-need-1 .need-text-2::before {
        bottom: unset;
        right: 16%;
        top: -25%;
    }

    .why-need-section .why-need-1 .need-text-2 {
        left: -24%;
        top: 46%;
    }

    .why-need-section .why-need-3 .why-need-img2 {
        right: 7%;
    }

    .why-need-section .why-need-3 .why-need-img6 {
        right: -2%;
    }

    .why-need-section .why-need-3 .why-need-img5 {
        left: -11.1%;
        bottom: 24%;
    }

    .reviews-section .reviews-slider .revies-slide-ring {
        width: 444px;
        height: 444px;
    }

    .reviews-section .reviews-slider .review-text {
        font-size: 16px;
        margin-bottom: 7px;
        font-weight: 300;
        line-height: 22px;
        max-width: 304px;
    }

    .reviews-section .reviews-slider .new-review-text {
        font-size: 16px;
        margin-bottom: 7px;
        font-weight: 300;
        line-height: 22px;
        max-width: 304px;
    }

    .reviews-section .reviews-slider .customer-review-comma {
        width: 48px;
        height: auto;
    }

    .customer-rating-starts .stars {
        width: 20px;
        height: 20px;
    }

    .reviews-section .reviews-slider .review-text::after {
        background-size: 70%;
        left: 19px;
        top: -39px;
    }

    .reviews-section .reviews-slider .review-text::before {
        background-size: 70%;
        right: -31px;
        bottom: -35px;
    }

    .reviews-section {
        padding-bottom: 400px;
    }

    .why-waiting-section .waiting-part {
        text-align: center;
        position: absolute;
        right: 2%;
        bottom: 7%;
    }

    .why-waiting-section .waiting-arrow {
        top: -75px;
        rotate: 23deg;
    }

    .footer .footer-imgs {
        max-width: 436px;
    }

    .footer {
        padding: 210px 0 17px;
    }

    .why-waiting-section .round-10 {
        z-index: 1;
    }

    .footer .footer-title {
        font-size: 16px;
    }

    .result-waiting-content .sub-title {
        max-width: 279.5px;
        line-height: 23px;
    }

    .result-waiting-content {
        top: 120px;
        left: 20px;
    }

    .navbar-expand-lg .navbar-nav {
        padding-right: 20px;
    }

    .result-waiting-section {
        margin-bottom: -105px !important;
    }

    .cart-section .btn-blue {
        margin-bottom: 30px;
        margin-right: 0;
    }

    .secure-checkout {
        margin-left: 0;
    }

    .cart-shopings {
        border: 0;
        row-gap: 24px;
        padding-right: 0;
    }

    .cart-number-card {
        margin-right: 0;
    }

    .service-slider .slider1 .slide1.slick-center .child-element {
        transform: translate(0px, 0px);
        width: calc(100% + 0px);
    }

    .new-service-slider {
        max-width: 560px;
    }

    .login-box {
        padding: 20px 20px 20px;
        max-width: 410px;
    }

    .login-text {
        padding: 50px 20px 30px 0;
    }

    .login-left-part {
        padding-left: 40px;
    }

    .login2 {
        justify-content: center;
        padding-left: 0;
    }

    .para-width {
        max-width: 70%;
    }

    .plan-cards .plan-card {
        width: 48.39%;
    }

    .access-card {
        padding: 0 20px 10px;
    }

    .access-card:first-child {
        padding-left: 0;
    }

    .access-card:last-child {
        padding-right: 0;
    }

    .choose-text1 p,
    .choose-text2 p,
    .choose-text3 p {
        max-width: 270px;
    }

    .choose-text1 {
        right: calc(-289px + -2%);
    }

    .choose-text2 {
        left: calc(-294px + 12%);
        bottom: -5%;
    }

    .choose-text3 {
        left: calc(-295px + 6%);
        top: 14%;
    }

    .text-price p {
        max-width: 438px;
    }

    .new-cardfooter .simpel-btn {
        font-size: 18px;
        padding: 0 20px 0 20px;
        margin-right: 0px;
    }

    .not-eligible-alert {
        gap: 10px;
    }

    .local-dropdown .dropdown-menu {
        min-width: calc(100% - 20px);
        margin: 0 10px !important;
    }

    .local-dropdown .dropdown-item h3 {
        font-size: 18px;
    }

    .local-dropdown .dropdown-item p {
        font-size: 16px;
        margin-bottom: 14px;
        max-width: 250px;
    }

    .local-dropdown .dropdown-item a {
        gap: 8px;
        font-size: 14px;
        padding: 10px 12px 10px;
    }

    .ui-state-highlight,
    .connectedSortable .ui-state-default {
        max-width: 48.6%;
    }

    .noanimated .metrioit-static {
        scale: 0.7;
    }

    .metrioit-static3 {
        top: 10%;
        left: -3%;
    }

    .metrioit-static7 {
        left: 31%;
        top: 21%;
    }

    .metrioit-static1 {
        top: -11%;
        right: 0%;
    }

    .metrioit-static2 {
        top: 12%;
        right: -6%;
    }

    .error-textimg {
        max-width: 534px;
        margin-bottom: -118px;
    }

    .error-bg::after {
        background-size: 130% 100%;
    }

    .error-cartoon {
        position: absolute;
        left: 44%;
        top: -17%;
        margin: auto;
        max-width: 160px;
    }

    .multynumber-cartoon {
        right: calc(100% - 204px);
        scale: .7;
        top: 218px;
    }

    .shopcart-modal .modal-dialog.large-modal {
        max-width: 670px !important;
    }

    .ported-box .multynumber-cartoon {
        right: calc(100% - 174px);
    }

    .ported-box2 {
        max-width: 768;
        width: 100%;
    }

    .ported-numbers {
        padding: 16px 8px 15px 16px;
    }

    .ported-box2 .btn-tool-tip::before {
        left: unset;
        right: -10px;
    }

    .shopcart-modal .modal-dialog {
        max-width: 926px !important;
    }

    .home-board {
        top: 206px;
        right: 7%;
    }

    .transfer-number-block {
        top: -115px;
    }

    .billboard-content h2 {
        font-size: 34px;
        line-height: normal;
        margin-bottom: 4px;
    }

    .billboard-content p {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 18px;
    }

    .billboard-content .search-btn {
        height: unset;
        min-width: unset;
        padding: 10px 16px;
        font-size: 16px;
    }

    @keyframes rocket-bounce {
        0% {
            transform: translate3d(0px, 0px, 0);
        }

        50% {
            transform: translate3d(-14px, -34px, 0);
        }

        100% {
            transform: translate3d(0px, 0px, 0);
        }
    }

    .billboard-call {
        border-width: 3px;
    }

    .billboard-arrow {
        max-width: 140px;
        left: 10%;
    }

    .service-slider .custom-swiper-nav {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .about-shop-section .row {
        flex-direction: column-reverse;
    }

    .contactus-nav .nav-dropdowns a {
        gap: 5px;
    }

    .contactus-nav .nav-dropdowns h5 {
        font-size: 18px;
    }

    .contactus-nav .nav-dropdowns p {
        width: 244px;
        font-size: 15px;
    }

    .contactus-nav .dropdown-item {
        padding: 10px;
        margin: 0 0px;
    }

    .massages-left {
        padding: 10px;
        min-height: fit-content;
        border-radius: 10px 10px 0 0;
    }

    .chat-header {
        border-radius: 10px;
    }

    .chat-footer,
    .massages-right {
        border-radius: 0 0 10px 10px;
    }

    .massages-left .msgs-numbers {
        border-radius: 0;
        height: 250px;
    }

    .massages-left .header {
        border-top-right-radius: 10px;
    }

    .notfound-text h1 {
        font-size: 28px;
        line-height: 40px;
    }

    .allowus-img {
        max-height: 400px;
        object-fit: contain;
        margin-bottom: 30px;
    }

    .notfound-arrow {
        position: absolute;
        top: -67px;
        left: unset;
        right: 36px;
        rotate: 37deg;
    }

    .compatibility-section .first-part {
        flex-direction: column-reverse;
    }

    .compatibility-section .compatibility-mainimg {
        max-width: 550px;
        margin: auto;
    }

    .industrie-gradient-bg {
        height: 310px;
    }

    .checkuot-dropdown-box,
    .wishlist-dropdown-box {
        box-shadow: none;
        border: 1px solid #dddddd;
    }

    .navbar-toggler {
        height: 40px;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        border-radius: 5px;
        padding: 0;
    }

    .navbar-toggler-icon {
        width: 23px;
        height: 20px;
    }

    .service-slider .slider1 {
        width: 700px;
        padding: 0;
    }

    .cartoon-img {
        margin-top: 40px;
    }

    .offered-new-slider {
        flex-direction: column-reverse;
    }

    .category-dropdown .nav-dropdown .dropdown-item {
        padding: 0px 0px 15px;
        border: none;
    }

    .local-dropdown .navdrop-perent {
        flex-direction: column;
    }

    .local-dropdown .dropdown-item {
        border: none;
    }

    .local-dropdown .dropdown-item p {
        margin-bottom: 10px;
    }

    .local-dropdown .dropdown-item a {
        font-size: 16px;
        padding: 9px 15px 8px;
    }

    .nav-dropdown {
        margin-top: 0;
        padding: 0;
    }

    .nav-dropdown .dropdown-item h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .nav-dropdown .dropdown-item p {
        font-size: 16px !important;
        font-weight: 300 !important;
        line-height: 19px !important;
    }

    .new-slider .slick-center .slider-card {
        width: 330px;
        padding: 20px 15px;
    }

    .new-slider .slick-center .slider-img {
        width: 103px;
        height: 103px;
    }

    .new-slider .slider-card .slider-text {
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
    }

    .new-slider .slider-card {
        max-width: 190px;
        padding: 20px 10px;
    }

    .cartoon-img {
        top: 50px;
        /* width: 140px !important; */
    }

    .new-slider .slick-slide {
        min-height: 390px;
    }

    .new-slider .slick-center .slider-img img {
        width: 57px;
        height: 57px;
    }

    .buy-featured-new .buy-numbers {
        padding-left: 30px;
    }

    .buy-featured-new .buy-transitions {
        padding-right: 30px;
    }

    .buy-featured-new .why-buy-totals {
        margin: auto;
    }

    .my-profil-tabs a {
        padding: 15px 20px;
    }

    .use-cases-section::after {
        width: 478px;
        right: 0;
        top: -11%;
    }

    .feedback-box {
        padding: 40px 20px 30px;
        margin: 0 auto 50px;
    }

    .testimonials .testimonial-info {
        bottom: -145px;
    }

    .contact-way .contact-img {
        width: 216px;
        height: 216px;
    }

    .testimonials .testimonal-box .testimonial-text {
        font-size: 14px;
        font-weight: 300;
        line-height: 25px;
        max-width: 264px;
        -webkit-line-clamp: 7;
    }

    .testimonials .testimonal-box {
        max-width: 416px;
        height: 336px;
        padding-top: 20px;
    }

    .blog-detail .next-prev-blog .next-blog,
    .blog-detail .next-prev-blog .prev-blog {
        column-gap: 10px;
    }

    .blog-detail .next-prev-blog .next-blog img,
    .blog-detail .next-prev-blog .prev-blog img {
        width: 70px;
        height: 100%;
    }

    .blog-detail .next-prev-blog .next-blog h4,
    .blog-detail .next-prev-blog .prev-blog h4 {
        font-size: 14px;
        line-height: 19px;
    }

    .our-team {
        margin-top: -110px;
    }

    .about-shop-section .reviews-img {
        margin-bottom: 30px;
        height: 400px;
    }

    .nav-item.dropdown .nav-link::after {
        position: absolute;
        right: 3px;
        top: 25%;
        content: url(../images/icons/mobile-nav-arow.png);
        /* width: 12px; */
        /* height: 6px; */
        transition: all 0.3s ease-in-out;
        visibility: visible;
    }

    .nav-dropdown {
        box-shadow: none;
        border: none;
        min-width: unset;
    }

    .dropdown-item {
        font-size: 14px !important;
    }

    .nav-item.active>.nav-link::after {
        rotate: 180deg;
    }

    .filter-part {
        border: none;
        padding-right: 0;
    }

    .tab-nav .nav-icon-bg {
        margin-left: 10px;
        background: #fff !important;
    }

    .tab-nav .nav-icon-bg img {
        filter: unset !important;
    }

    .virtual-nav {
        padding: 10px 0;
    }

    .nav-icon-bg img {
        width: 16px;
    }

    /* .tab-nav, */
    .nav-number-2 {
        display: flex !important;
    }

    .top-nav,
    .nav-number {
        display: none !important;
    }

    .numbers-nav .nav-number {
        display: flex !important;
    }

    .navbar-brand {
        margin-top: 0;
        margin-right: auto;
    }

    .filter-part .search-by-select {
        border-top: none;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .navbar-nav .nav-link {
        color: var(--black) !important;
    }

    .numbers-nav .nav-link {
        color: #fff !important;
    }

    .nav-icon-bg {
        background: linear-gradient(93.31deg, #467efe 2.06%, #4cc1fe 45.54%, #7ed7fc 78%, #d2e5f8 100%);
    }

    .nav-number-2 {
        text-decoration: none;
        align-items: center;
        margin-top: 10px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #222328;
    }

    .offcanvas-header .btn-close {
        filter: invert(54%) sepia(52%) saturate(5465%) hue-rotate(174deg) brightness(91%) contrast(114%);
    }

    .offcanvas-header {
        border-bottom: 1px solid #dddddd;
        margin: 0 20px;
        padding: 30px 0 15px;
    }

    .offcanvas-body {
        padding-top: 0;
    }

    .nav-icon-bg img {
        filter: invert(1) !important;
    }

    .numbers-nav img {
        filter: unset !important;
    }

    .navbar-nav .search-btn span {
        display: none;
    }

    .home-section .main-search .search-btn {
        font-size: 16px;
        min-width: 60px;
        height: 60px;
        padding: 0;
    }

    .why-choose-section .why-choose-video {
        height: 375px;
    }

    .why-buy-section .why-cs-position .why-buy-call {
        left: unset;
        right: 6%;
        top: -4%;
        width: 180px;
    }

    .why-buy-section {
        background-position: 67%;
    }

    .why-buy-section .buy-featured {
        margin-top: 0px;
        padding: 30px 0;
    }

    .map-section .us-all-numberss {
        max-height: 608px;
        overflow-x: hidden;
    }

    .use-cases-section .use-case-dec {
        bottom: 38%;
    }

    .use-cases-section .use-cases-slider .owl-next {
        right: -5px;
    }

    .use-cases-section .use-cases-slider .owl-prev {
        left: -5px;
    }

    .why-need-section .why-need-4 {
        width: 378px;
        height: 378px;
    }

    .why-need-3 {
        padding: 0 !important;
        border: none !important;
    }

    .why-need-section .why-need-2,
    .why-need-section .why-need-1,
    .why-need-section .why-need-3 {
        padding: 20px;
    }

    .why-need-section .why-need-3::before,
    .why-need-section .why-need-3::after {
        display: none;
    }

    .need-img1 img,
    .need-img img {
        width: 30px;
        height: 30px;
    }

    .why-need-section .why-need-1 .need-img1,
    .why-need-section .why-need-3 .need-img {
        width: 60px;
        height: 60px;
    }

    .why-need-section .why-need-3 .why-need-img2 {
        right: -2%;
    }

    .why-need-section .why-need-3 .why-need-img6 {
        right: -9%;
    }

    .why-need-section .why-need-3 .why-need-img7 {
        left: 40.9%;
        bottom: -18%;
    }

    .why-need-section .why-need-3 .why-need-img5 {
        left: -13.1%;
        bottom: 16%;
    }

    .why-need-section .why-need-1 .need-text {
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
    }

    .why-need-section .why-need-1 .need-text-1 {
        max-width: 130px;
        left: -3.5%;
    }

    .why-need-section .why-need-1 .need-text-4 {
        right: -4%;
        top: -2%;
        max-width: 164px;
    }

    .why-need-section .why-need-1 .need-text-2 {
        width: 140px;
        left: -25%;
    }

    .why-need-section .why-need-1 .need-text-3 {
        left: -15%;
        max-width: 164px;
    }

    .why-need-section .why-need-1 .need-text-6 {
        width: 143px;
    }

    .why-need-section .why-need-1 .need-text-2::before {
        right: 12%;
        top: -47%;
    }

    .why-need-section .why-need-1 .need-text-5 {
        width: 121px;
    }

    .why-need-section .why-need-1 .need-text-5::before {
        top: -48%;
        left: -2%;
    }

    .why-need-section {
        padding: 50px 0 100px;
    }

    .metrioit-icon2 {
        left: 107%;
        scale: 0.9;
    }

    .metrioit-icon3 {
        left: 25%;
        scale: 0.9;
    }

    .metrioit-icon4 {
        scale: 0.8;
        opacity: 0.9;
    }

    .why-waiting-section .waiting-part {
        position: relative;
        margin-top: 20px;
    }

    .why-waiting-section .waiting-arrow {
        top: -135px;
        left: 319px;
        transform: rotateZ(183deg) rotateX(184deg);
        rotate: 13deg;
    }

    .footer {
        padding: 280px 0 17px;
    }

    .contactus-section {
        margin: 50px auto;
    }

    .footer .footer-title {
        font-size: 17px;
        font-weight: 700;
    }

    .select-options-list {
        max-height: 314px;
        overflow: auto;
        padding-right: 10px;
    }

    .result-waiting-content {
        position: unset;
    }

    .result-waiting-content .sub-title {
        color: var(--gray-2);
        max-width: fit-content;
    }

    .result-waiting-content .result-waiting-btns .light-btn {
        color: #4cc1fe;
        border-color: #4cc1fe;
    }

    .light-blue-btn:hover {
        color: #4cc1fe !important;
        border-color: #4cc1fe !important;
    }

    .result-waiting-section {
        margin-bottom: 0 !important;
    }

    .border-start4 {
        border: none !important;
    }

    .states .nav-link {
        padding: 10px 10px;
    }

    .login-left-part .login-text h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .para-width {
        max-width: 100%;
    }

    .notfound-text h1 {
        font-size: 28px;
        line-height: 40px;
    }

    .allowus-img {
        max-height: 400px;
        object-fit: contain;
        margin-bottom: 30px;
    }

    .notfound-arrow {
        position: absolute;
        top: -67px;
        left: unset;
        right: 36px;
        rotate: 37deg;
    }

    .billing-detail-design {
        margin: 0 10px 0px;
    }

    .plan-cards .plan-card {
        width: 47.84%;
    }

    .access-card-title {
        font-size: 20px;
        line-height: normal;
        max-width: 228px;
    }

    .access-card-subtitle {
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        max-width: 228px;
        margin-bottom: 20px;
    }

    .access-cards {
        margin-bottom: 20px;
    }

    .access-card .img {
        width: 160px;
        height: 160px;
    }

    .access-card .img img {
        width: 80px;
        height: 80px;
        object-fit: contain;
    }

    .access-card {
        border: none;
        padding: 0px;
    }

    .access-cards {
        gap: 6px;
    }

    .footer-border {
        border: none;
    }

    .choose-text2 {
        left: -50%;
        bottom: -23%;
    }

    .choose-text3 {
        left: -50%;
        top: -23%;
        align-items: flex-end;
    }

    .choose-text1 {
        top: 90%;
        right: -50%;
    }

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

    .receipt-footer {
        background: url(../images/image/order-footer.png) no-repeat 30% top;
    }

    .savedlater-section {
        padding: 60px 0;
    }

    .new-shopingcard {
        margin-right: 0;
    }

    .connectedSortable {
        gap: 19px;
    }

    .metrioit-static3 {
        left: -5%;
        scale: 0.5 !important;
    }

    .metrioit-static7 {
        left: 25%;
    }

    .metrioit-static2 {
        top: 23%;
        scale: 0.5 !important;
        right: -7%;
    }

    .metrioit-static1 {
        top: -15%;
        right: -2%;
    }

    .metrioit-static6 {
        left: -5%;
        bottom: 17%;
    }

    .metrioit-static4 {
        bottom: 7%;
        right: -12%;
    }

    .metrioit-static5 {
        right: unset;
        left: 30%;
        bottom: -2%;
        margin: auto;
    }

    .error-textimg {
        max-width: 454px;
        margin-bottom: -109px;
    }

    .error-cartoon {
        max-width: 140px;
    }

    .ntransfer-boximg {
        max-width: 513px;
    }

    .multynumber-content {
        max-width: 513px;
        padding-bottom: 20px;
        margin-top: -2px;
    }

    .multynumber-content h4 {
        line-height: normal;
        font-size: 32px;
    }

    .multynumber-content h2 {
        font-size: 26px;
        line-height: normal;
    }

    .multynumber-cartoon {
        right: calc(100% - 174px);
        scale: .6;
        top: 148px;
    }

    .ported-box .multynumber-cartoon {
        rotate: -30deg;
    }

    .ntransfer-multiplenumber1 .multynumber-options,
    .ntransfer-multiplenumber-list {
        width: calc(50% - 11px);
    }

    .not-multynumber-cartoon.multynumber-cartoon {
        scale: .5;
    }

    .portedbox2-parts {
        flex-direction: column;
    }

    .portedbox2-part {
        width: 100%;
    }

    .ported-box2 {
        max-width: 513px;
    }

    .ported-box2 .ntransfer-boximg {
        margin-top: -60.5px;
        max-width: 180px;
    }

    .billboard-content h2 {
        font-size: 24px;
        line-height: 36px;
    }

    .billboard-content p {
        font-size: 14px;
        line-height: normal;
    }

    .billboard-section {
        padding-top: 100px;
    }

    .bill-board-imgs {
        margin-top: 50px;
    }

    .customer-review-section {
        flex-direction: column;
        text-align: center;
        gap: 32px;
    }

    .reviews-section .reviews-slider {
        width: 480px;
        margin: auto;
    }

    .main-search .search-btn span {
        display: none;
    }
}

@media (max-width: 767.98px) {

    .search-result .short-by-line .short-badge .badge-text {
        height: unset;
        padding: 11px 10px;
    }

    .calllogs-header .round-form-group {
        flex-grow: 1;
    }

    .reque-border {
        border-right: 0px solid rgba(231, 231, 231, 1);
    }

    .calllogs-header label,
    .calllogs-header input {
        width: 100%;
    }

    .calllogs-header {
        row-gap: 0;
        column-gap: 10px;
    }

    .compatibility-section .title {
        font-size: 28px;
        line-height: normal;
    }

    .available-balance .btn {
        min-width: unset;
    }

    .numbers-nav span {
        display: none;
    }

    .new-homedec {
        left: -10%;
        scale: 0.8;
        top: unset;
        bottom: -54%;
    }

    .slider-heading {
        font-size: 38px;
        font-weight: 700;
        line-height: 52px;
    }

    .login-bg::after {
        top: -225px;
        left: -139px;
        background-size: contain;
        height: 352px;
    }

    .signup-bg {
        padding: 7px;
    }

    .signup-box {
        padding: 30px 15px 10px;
    }

    .my-profil-tabs a {
        font-size: 18px;
        padding: 15px 10px;
    }

    .contact-way .contact-img {
        width: 156px;
        height: 156px;
    }

    .testimonials .testimonal-box {
        max-width: 336px;
        height: 336px;
        padding-top: 20px;
    }

    .contact-way .contact-id {
        font-size: 16px;
        line-height: 22px;
    }

    .contact-way .contact-way-name {
        font-size: 18px;
        line-height: 26px;
    }

    .contact-img img {
        max-width: 80px;
    }

    .blog-detail .blog-detail-title {
        font-size: 28px;
        line-height: 40px;
    }

    .why-us-main .why-us-icon {
        width: 170px;
        height: 170px;
    }

    .why-us-main .why-us-icon img {
        width: 80px;
        height: 80px;
    }

    .card-sub-title {
        flex-wrap: wrap;
        gap: 10px;
    }

    .why-choose-section .wcs-position .round-5 {
        top: -31%;
        left: -5%;
    }

    .why-buy-section .why-cs-position .why-buy-call {
        top: 12%;
        width: 120px;
    }

    .why-need-section .why-need-4 .title {
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
    }

    .why-need-section .why-need-4 .logo-img {
        max-width: 147px;
    }

    .why-need-section .why-need-4 .sub-title {
        font-size: 13px;
        font-weight: 300;
        line-height: 20px;
        max-width: 282px;
    }

    .why-need-section .search-btn {
        font-size: 14px;
        font-weight: 400;
        min-width: fit-content;
        height: 40px;
    }

    .why-need-section .search-btn img {
        margin-right: 7px;
    }

    .why-need-section .why-need-4 {
        width: 300px;
        height: 300px;
    }

    .why-need-section .why-need-1 .need-text-1 {
        left: -17.5%;
    }

    .why-need-section .why-need-1 .need-text-4 {
        right: -22%;
    }

    .why-need-section .why-need-1 .need-text-3 {
        bottom: -2%;
    }

    .why-need-section .why-need-1 .need-text-6 {
        bottom: -5%;
    }

    .why-need-section .why-need-1 .need-text-2 {
        left: -33.5%;
        top: 47%;
    }

    .why-need-section .why-need-1 .need-text-5 {
        right: -33.7%;
    }

    .why-need-section .why-need-3 .why-need-img2 {
        right: -18%;
        top: 16%;
    }

    .why-need-section .why-need-3 .why-need-img6 {
        bottom: 3%;
    }

    .why-need-section .why-need-3 .why-need-img7 {
        bottom: -23%;
    }

    .why-need-section .why-need-3 .why-need-img5 {
        left: -16.1%;
        bottom: 11%;
    }

    .why-need-2 {
        border: none !important;
        padding: 0px !important;
    }

    .why-need-section .why-need-1 .why-need-img1 {
        top: -13%;
    }

    .why-need-section .why-need-1 .why-need-img4 {
        right: 25.5%;
    }

    .why-need-section .why-need-1 .why-need-img3 {
        top: 19%;
        left: -10%;
    }

    .home-section .main-search .search-btn {
        min-width: 60px;
    }

    .footer {
        padding: 370px 0 17px;
        margin-top: -250px !important;
    }

    .footer-terms {
        flex-direction: column;
        align-items: center;
    }

    #choose-plan .modal-dialog {
        max-width: 500px;
        margin: auto;
    }

    .states .nav-link .state-flag {
        width: 25px;
        height: 25px;
    }

    .states .nav-link .state-flag img {
        width: 100%;
        object-fit: contain;
    }

    .states .nav-link {
        font-size: 14px;
    }

    .knowledge-main .knowledge-card .knowledge-title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .knowledge-main .knowledge-card .knowledge-text {
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        margin-bottom: 10px;
    }

    .knowledge-main .knowledge-card .knowledge-btn {
        font-size: 16px;
        line-height: 23px;
        padding: 10px 20px;
        margin-bottom: 30px;
    }

    .wishlist-btn,
    .wishlist-danger-btn {
        padding: 10px 15px;
        font-size: 16px;
    }

    .wishlist-btns {
        gap: 10px;
    }

    .login-left-part {
        height: 400px;
        min-height: 400px;
    }

    .login-right-part {
        height: auto;
        padding: 50px 0 30px;
    }

    .login-box .login-logo {
        margin-bottom: 10px;
    }

    .login-box p {
        margin-bottom: 20px;
    }

    .login-box h3 {
        margin-bottom: 0;
    }

    .login-box {
        margin: 0 10px;
    }

    .checkout-card-heading {
        font-size: 24px !important;
    }

    .checkout-price-text {
        font-size: 20px;
    }

    .checkout-one .nav-link {
        max-width: 300px;
    }

    .text-20 {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .text-20-bold {
        font-size: 18px;
    }

    .checkout-billing-card {
        margin-bottom: 50px;
    }

    .recieptupload-box {
        padding: 15px 15px;
    }

    .recieptupload-box label img {
        max-width: 35px;
    }

    .recieptupload-box label {
        min-width: unset;
        width: 100%;
        gap: 10px;
        font-size: 16px;
    }

    .plan-cards .plan-card {
        width: 47%;
    }

    .access-title {
        font-size: 28px;
        line-height: normal;
    }

    .choose-text1,
    .choose-text2,
    .choose-text3 {
        position: unset;
        margin-top: 10px;
    }

    .choose-img1,
    .choose-img2,
    .choose-img3 {
        position: unset;
    }

    .choose-border {
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .choose-text3,
    .choose-text2 {
        text-align: left;
        flex-direction: row-reverse;
        align-items: start;
    }

    .receipt-header {
        flex-direction: column;
    }

    .receipt-contect {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
    }

    .receipt-header {
        padding: 20px 20px 117px;
    }

    .ordersuccess-section {
        margin: 21px auto 60px;
        padding: 20px 20px 30px;
    }

    .receipt-body {
        margin: 0 20px;
    }

    .receipt-account p {
        margin-bottom: 0;
    }

    .order-btns .btn {
        min-width: 211px;
    }

    .design-alert {
        padding: 60px 15px 30px;
        margin-top: 60px;
    }

    .ui-state-highlight,
    .connectedSortable .ui-state-default {
        max-width: 100%;
    }

    .numbers-dropdown {
        padding: 15px;
    }

    .numbers-dropdown a {
        font-size: 18px;
        padding: 8px;
    }

    .metrioit-static7 {
        left: 25%;
        top: 12%;
    }

    .metrioit-static1 {
        top: -19%;
        right: -11%;
    }

    .metrioit-static3 {
        top: 6%;
        left: -14%;
        scale: 0.4 !important;
    }

    .error-textimg {
        max-width: 394px;
        margin-bottom: -91px;
    }

    .error-bg::after {
        background-size: 140% 100%;
    }

    .error-cartoon {
        left: 43%;
        top: -22%;
        max-width: 130px;
    }

    .number-transfer .footer-content {
        flex-direction: column;
        gap: 8px;
        text-align: center;
        justify-content: center;
    }

    .ntransfer-footer {
        padding: 96px 0 15px;
        background-position: 38% 100%;
    }

    .multynumber-content h2,
    .multynumber-content h4 {
        font-size: 22px;
        line-height: normal;
    }

    .multynumber-content h5 {
        font-size: 18px;
        line-height: normal;
    }

    .multynumber-content p {
        font-size: 16px;
        line-height: normal;
    }

    .multy-buttons .btn {
        font-size: 16px;
        line-height: normal;
        padding: 12px;
        max-width: 185px;
    }

    .multynumber-cartoon {
        right: calc(100% - 194px);
        scale: .5;
        top: 101px;
    }

    .multynumber-options {
        flex-direction: column;
    }

    .multynumber-searchbox .btn span {
        display: none;
    }

    .multynumber-searchbox .btn {
        border-radius: 100%;
        width: 65px !important;
        height: 65px !important;
    }

    .multynumber-searchbox input {
        padding: 10px;
        font-size: 18px;
        line-height: normal;
    }

    .ported-box .multynumber-cartoon {
        right: calc(100% - 194px);
    }

    .shopcart-modal .modal-dialog.large-modal {
        max-width: 550px !important;
    }


    .not-multynumber-cartoon.multynumber-cartoon {
        bottom: unset;
        scale: .4;
        top: -160px;
        right: calc(100% - 246px);
    }

    .ported-box2 .multynumber-content {
        padding: 0 30px 40px 30px;
    }

    .ported-numbers {
        margin: 0 0 20px;
    }

    .ported-box2.ported-box .multynumber-cartoon {
        top: 10px;
        right: calc(100% - 192px);
    }

    .main-search {
        flex-direction: column;
    }

    .instant-search .input-dropdown {
        width: 100%;
    }

    .main-search:not(.instant-search) .input-dropdown,
    .main-search:not(.instant-search) .state-select2-pere.choos-states {
        max-width: unset;
        width: 100%;
    }

    .card-actions .sm-cardicon {
        display: flex;
    }

    .card-actions .lg-cardicon {
        display: none;
    }

    .new-offermodal.numbers-modal .modal-dialog {
        max-width: 598px !important;
    }

    .shopcart-modal .modal-dialog {
        max-width: 491px !important;
    }

    .home-board {
        top: 256px;
        right: 7%;
        scale: .8;
    }

    .transfer-number-block {
        width: 85px;
        height: 85px;
        top: -85px;
    }

    .transfer-number-info {
        font-size: 10px;
    }

    .billboard-content {
        padding-top: 24px;
        text-align: center;
    }

    .billboard-content p {
        max-width: 500px;
    }

    .billboard-content .search-btn {
        margin: auto;
    }

    .states .filter-search {
        width: 100%;
        max-width: 100%;
    }

}

@media (max-width: 575.98px) {
    .shopcart-cta-button button {
        flex-grow: 1;
    }

    .numbers-dropdown {
        top: 47px;
    }

    #numbersrejectrequest .btn {
        width: 100%;
        padding: 12px 10px;
    }

    .vendor-form {
        max-width: 756px;
        margin: 0 auto 38px;
        padding: 20px 10px 10px;
    }

    .dialer-bg {
        padding: 20px;
    }

    .numbers-accountcard,
    .numbers-blockbox {
        padding: 15px;
    }

    .dialer-btn {
        width: 100%;
        font-size: 26px;
        margin-bottom: 10px;
        height: 75px;
    }

    .dialer-cancelimg img {
        max-width: 32px;
    }

    .numbers-dialer {
        margin-bottom: 0;
    }

    .numbers-dialer .round-form-group {
        margin-left: 0;
    }

    .numbers-dialer .round-form-group {
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
    }

    .dialer-input {
        font-size: 28px;
        margin-bottom: 0;
    }

    .numbers-dialer .select2-container {
        width: 100% !important;
    }

    .numbers-dialer label {
        width: 100%;
        text-align: center;
        margin-right: 0 !important;
    }

    .dialer-img img {
        width: 60px;
        height: 60px;
    }

    .massages-left .number p {
        width: 221px;
    }

    .chat-main {
        padding: 0 5px 0 0;
    }

    .available-balance {
        padding: 20px;
        flex-direction: column;
    }

    .available-balance .btn {
        font-size: 16px;
        width: 100%;
    }

    .numbers-nav .nav-number {
        padding: 12px 5px !important;
    }

    .numbers-nav .navbar-brand img {
        max-width: 159px;
    }

    .numbers-maintab .nav-link {
        font-size: 14px;
        padding: 10px 8px 10px;
        gap: 5px;
    }

    .numberssub-tab .nav-tabs .nav-link {
        padding: 4px 7px 4px;
    }

    .numbers-maintab .nav-link img {
        max-width: 20px;
        max-height: 20px;
    }

    .numbers-maintab nav {
        margin-bottom: 20px;
    }

    .knowledge-main {
        margin-top: 50px;
    }

    .why-waiting-section .waiting-btns {
        flex-wrap: wrap;
    }

    .transfer-detail .box {
        padding: 20px 15px;
    }

    .checkout-one {
        margin: 60px 0;
    }

    .plan-work .modal-body {
        padding: 20px 20px 20px !important;
    }

    .plan-work p {
        font-size: 16px;
        line-height: normal;
    }

    .notfound-text h1 {
        font-size: 22px;
        line-height: normal;
    }

    .new-checkoutbtn {
        font-size: 14px;
        font-weight: 600;
    }

    .notfound-img {
        max-width: 280px;
    }

    .allowus-box {
        padding: 40px 13px 20px;
    }

    .allowus-box h3 {
        font-size: 28px;
        line-height: normal;
    }

    .allowus-box p {
        font-size: 16px;
    }

    .allowus-part {
        padding: 30px 0;
        margin: 30px auto 30px;
    }

    .compatibility-section .primery-btn {
        font-size: 16px;
        padding: 14px 25px;
    }

    .industrie-gradient-bg {
        height: 330px;
        max-width: 300px;
        margin: 0 auto 20px;
    }

    .new-number-card form label div {
        font-size: 13px;
        font-weight: 500;
    }

    .new-number-card .card-btns {
        padding: 5px;
    }

    .checkuot-dropdown .number-list,
    .checkuot-dropdown .wishlist-list {
        padding: 0px 15px;
        margin: 0px;
        border-bottom: 1px solid #dddddd;
    }

    .checkuot-dropdown .checkout-number {
        flex-wrap: wrap;
        gap: 0;
        padding-bottom: 10px;
    }

    .deleteNumber-btn {
        margin-left: auto;
    }

    .checkuot-dropdown .checkout-btns {
        flex-wrap: wrap;
        gap: 10px;
        margin: 0 10px 0px;
    }

    .new-homedec {
        left: -5%;
        scale: 0.7;
        top: unset;
        bottom: -55%;
        display: none;
    }

    .cartoon-img {
        max-width: 223px;
        margin: 40px auto -50px;
    }

    .slider-heading {
        font-size: 32px;
        margin-bottom: 5px;
        line-height: 39px;
    }

    .slider-sub-heading {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 23px;
    }

    .services-offered {
        /* padding: 202px 0 105px; */
        margin-bottom: -80px;
    }

    .service-slider .slider1 .slide1 {
        padding: 10px;
    }

    .service-slider .slider1 {
        width: 440px;
    }

    .service-slider .slider1 .slide1.slick-center .child-element {
        max-height: 100%;
    }

    .service-slider .slider1 {
        height: fit-content;
    }

    .new-slider .slick-center .slider-card {
        width: 300px;
        padding: 20px 15px;
    }

    .buy-featured-new .buy-transitions,
    .buy-featured-new .buy-numbers {
        padding: 0 15px;
        border: none;
    }

    .industries {
        margin-top: 60px;
        margin-bottom: 0;
    }

    .industrie-text {
        font-size: 26px;
    }

    .offered-points-section .offered-card {
        width: 145px;
        height: 145px;
        padding-top: 16px;
    }

    .offered-points-section .offered-points {
        column-gap: 10px;
        padding: 0px 10px;
    }

    .offered-points-section .offered-img {
        width: 60px;
        height: 60px;
        margin-bottom: 5px;
    }

    .offered-points-section .offered-img img {
        max-width: 30px;
        object-fit: cover;
    }

    .offered-points-section .offered-text {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
    }

    .offered-points-section .offered-points {
        margin: 50px 0;
        margin-bottom: 150px;
    }

    .login-bg::after {
        top: -225px;
        left: -128px;
        height: 262px;
    }

    .login-forget-password {
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .login-forget-password a {
        margin-left: 10px;
    }

    .login-forget-password .newsletter-select {
        margin-bottom: 10px;
    }

    .signup-box .login-btns .btn {
        width: 125px;
    }

    .forget-password {
        margin-bottom: 50px;
    }

    .my-profil-tabs {
        margin-top: 50px;
    }

    .checkout-box .row .row {
        margin: 0 2px;
    }

    .accept-terms {
        margin-left: 10px;
    }

    .contact-us .feedback-title {
        font-size: 28px;
        line-height: 38px;
    }

    .contact-us .feedback-sub-title {
        font-size: 16px;
        margin: 0 auto 20px;
        line-height: 26px;
    }

    .testimonials .testimonal-box {
        height: 296px;
    }

    .testimonials {
        margin-top: 50px;
    }

    .privacy-policy h4 {
        margin: 20px 0 10px;
        font-size: 22px;
        line-height: 32px;
    }

    .testimonials .testimonal-box .testimonial-text {
        max-width: 257px;
        -webkit-line-clamp: 5;
    }

    .testimonials .testimonial-info {
        bottom: -135px;
    }

    .privacy-policy .policy-text {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 10px;
    }

    .blog-detail {
        margin-top: 60px;
    }

    .blog-detail .next-prev-blog {
        flex-wrap: wrap;
        justify-content: center;
    }

    .knowledge-main .nav-pills {
        gap: 10px;
        margin-bottom: 30px;
    }

    .knowledge-main .nav-pills .nav-link {
        padding: 10px 15px;
        font-size: 16px;
        font-weight: 400;
        line-height: 18px;
    }

    .knowledge-pagination .pagination-item.lignt,
    .knowledge-pagination .pagination-item.dark {
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        width: 40px;
        height: 40px;
    }

    .knowledge-pagination .pagination-item.next,
    .knowledge-pagination .pagination-item.prev {
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        padding: 5px 16px;
        border-radius: 30px;
        height: auto;
    }

    .why-us-network .home-dec-1 {
        width: 80px !important;
    }

    .why-us-main .why-us-title {
        font-size: 28px;
        line-height: 40px;
    }

    .why-us-main .why-us-sub-title {
        margin-bottom: 20px;
    }

    .about-shop-section {
        padding: 50px 0 400px;
    }

    .our-team .our-team-member {
        margin-bottom: 30px;
    }

    .our-team .our-team-member .member-img {
        max-width: 190px;
    }

    .our-company .our-title {
        font-size: 28px;
        font-weight: 700;
        line-height: 40px;
    }

    .our-company .our-text {
        font-size: 16px;
    }

    .about-shop-section .about-white-title {
        font-size: 28px;
        line-height: 34px;
    }

    .about-shop-section .about-text {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 24px;
    }

    .about-shop-section .shop-local-btn {
        font-size: 16px;
        line-height: 27px;
        padding: 10px 20px;
    }

    .secure-checkout {
        padding: 20px 15px;
    }

    .head-title {
        font-size: 38px;
        line-height: 52px;
    }

    .border-start5 {
        border: none !important;
    }

    .border-start4 {
        border-left: 1px solid #e7e7e7 !important;
    }

    .footer {
        padding: 370px 0 17px;
    }

    #choose-plan .modal-dialog {
        margin: 0.5rem;
    }

    #choose-plan .modal-body {
        padding: 20px 10px 10px;
    }

    #choose-plan .plan-card {
        padding: 10px 10px 10px;
        margin-bottom: 10px;
    }

    #choose-plan .plan-month {
        font-size: 17px;
    }

    #choose-plan .plan-discount {
        height: 31px;
        font-size: 14px;
        font-weight: 300;
        line-height: unset;
        padding: 6px 10px 5px 11px;
    }

    .choose-plan-radio .radio:checked::before,
    #choose-plan .radio:checked::before {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover !important;
    }

    #counter-offer .btn-close,
    #choose-plan .btn-close {
        right: 15px;
    }

    .choose-plan-radio .radio,
    #choose-plan .radio {
        width: 20px;
        height: 20px;
    }

    #choose-plan .plan-price {
        font-size: 18px;
    }

    #choose-plan .plan-price span {
        font-size: 12px;
    }

    .footer .footer-imgs {
        flex-direction: column;
        gap: 20px;
    }

    .main-search {
        flex-direction: column;
    }

    .main-search .state-select2-pere .select2-container {
        width: 100% !important;
        text-align: start;
    }

    .main-search .form-control {
        padding-left: 10px;
    }

    .hero-section .hero-text {
        margin-bottom: 100px;
    }

    .why-choose-section {
        margin-top: -190px;
    }

    .why-choose-section .why-choose-video {
        height: 225px;
    }

    .video-play-btn {
        width: 80px;
    }

    .why-choose-section .wcs-position .round-5 {
        top: -21%;
        left: -35%;
    }

    .title {
        font-size: 32px !important;
    }

    .why-buy-section .why-cs-position .why-buy-call {
        top: 17%;
        right: -1%;
        width: 90px;
    }

    .use-cases-section .use-cases-slider .owl-prev,
    .use-cases-section .use-cases-slider .owl-next {
        display: none;
    }

    .use-cases-section .use-case-dec {
        bottom: 48%;
        left: 4%;
    }

    .use-cases-section .title {
        line-height: 30px !important;
        font-size: 22px !important;
    }

    .card-btn-white,
    .card-btn-trans {
        font-size: 13px;
    }

    .why-need-3,
    .why-need-2 {
        border: inherit !important;
        padding: inherit !important;
    }

    .why-need-section .why-need-3::before {
        left: 12%;
        display: block;
    }

    .why-need-section .why-need-3::after {
        left: 8%;
        display: block;
    }

    .why-need-section .why-need-4 .title {
        font-size: 18px !important;
    }

    .why-need-section .why-need-1 .why-need-img1 {
        top: -8%;
        z-index: 1;
    }

    .why-need-section .why-need-4 {
        width: 230px;
        height: 230px;
    }

    .why-need-section .why-need-2,
    .why-need-section .why-need-1,
    .why-need-section .why-need-3 {
        padding: 10px;
    }

    .why-need-section .why-need-4 .logo-img {
        max-width: 117px;
    }

    .why-need-section .why-need-4 .title {
        font-size: 15px !important;
        line-height: 18px;
    }

    .why-need-section .why-need-4 .sub-title {
        font-size: 11px;
        line-height: 14px;
        max-width: 212px;
    }

    .why-need-section .search-btn img {
        margin-right: 5px;
        width: 15px;
    }

    .why-need-section .search-btn {
        font-size: 12px;
        height: 35px;
        padding: 0 8px;
    }

    .why-need-section .why-need-3::after {
        left: 6.5%;
    }

    .why-need-section .why-need-3::before {
        left: 10.5%;
    }

    .need-img1 img,
    .need-img img {
        width: 22px;
        height: 22px;
    }

    .why-need-section .why-need-1 .need-img1,
    .why-need-section .why-need-3 .need-img {
        width: 50px;
        height: 50px;
    }

    .why-need-section .why-need-3 .why-need-img7 {
        bottom: -20%;
    }

    .why-need-section .why-need-3 .why-need-img5 {
        left: -10.1%;
        bottom: 11%;
    }

    .why-need-section .why-need-1 .why-need-img3 {
        top: 22%;
        left: -4%;
        z-index: 1;
    }

    .why-need-section .why-need-3 .why-need-img2 {
        right: -12%;
    }

    .why-need-section .why-need-1 .need-text::before {
        right: unset !important;
        bottom: 0 !important;
        left: -10% !important;
        margin: auto !important;
        top: 0 !important;
    }

    .why-need-section .why-need-1 .need-text {
        left: 30px !important;
        font-size: 14px;
        font-weight: 500;
        top: unset !important;
        max-width: 300px !important;
        width: 300px !important;
        right: unset !important;
        bottom: -80px;
    }

    .why-need-section .why-need-1 .need-text-2 {
        bottom: -110px !important;
    }

    .why-need-section .why-need-1 .need-text-3 {
        bottom: -140px !important;
    }

    .why-need-section .why-need-1 .need-text-4 {
        bottom: -170px !important;
    }

    .why-need-section .why-need-1 .need-text-5 {
        bottom: -200px !important;
    }

    .why-need-section .why-need-1 .need-text-6 {
        bottom: -230px !important;
    }

    .why-need-section {
        padding: 25px 0 250px;
        margin-top: -80px;
    }

    .metrioit-icon {
        scale: 0.5;
    }

    .reviews-section .owl-next,
    .reviews-section .owl-prev,
    .reviews-section .reviews-slider .review-text::after,
    .reviews-section .reviews-slider .review-text::before,
    .reviews-section .round-9 {
        display: none;
    }

    .reviews-section .reviews-slider .revies-slide-ring {
        width: 268px;
        height: 268px;
    }

    .reviews-section .reviews-slider .review-user {
        position: absolute;
        top: 0;
        right: 5px;
    }

    .reviews-section .reviews-slider .review-text {
        font-size: 12px;
        margin-bottom: 7px;
        font-weight: 300;
        line-height: 18px;
        max-width: 203px;
        min-height: fit-content;
    }

    .reviews-section .reviews-slider .new-review-text {
        font-size: 12px;
        margin-bottom: 7px;
        font-weight: 300;
        line-height: 18px;
        max-width: 203px;
        min-height: fit-content;
    }

    .reviews-section .reviews-slider .customer-review-comma {
        width: 28px;
        height: auto;
    }

    .customer-rating-starts .stars {
        width: 14px;
        height: 14px;
    }

    .reviews-section .reviews-slider .review-user {
        width: 70px;
        height: 70px;
        padding: 3px;
    }

    .reviews-section .reviews-img img {
        inset: 5px;
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        border-radius: 15px;
    }

    .why-waiting-section .waiting-arrow {
        left: 50%;
        right: 50%;
        max-height: 72px;
        top: -85px;
    }

    .reviews-section .reviews-img {
        height: 240px;
    }

    .why-waiting-section .waiting-main {
        position: relative;
        margin-top: -350px;
    }

    .footer .gooter-links {
        align-items: flex-start;
    }

    .footer .footer-terms p {
        font-size: 14px;
    }

    .footer .footer-title {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .footer .footer-link {
        font-size: 14px;
        line-height: 28px;
    }

    .search-result-hero {
        margin-bottom: -100px !important;
    }

    .result-waiting-content .light-btn,
    .result-waiting-content .light-blue-btn {
        padding: 10px 14px !important;
        font-size: 16px;
        line-height: 25px;
    }

    .navbar-brand img {
        max-width: 130px;
    }

    .number-faq .accordion-body,
    .number-faq .accordion-button {
        font-size: 14px;
        line-height: 22px;
    }

    .number-faq .faq-title {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 30px !important;
    }

    .wishlist-delete .modal-body {
        padding: 40px 10px 50px;
    }

    .wishlist-delete p {
        font-size: 23px;
        margin: 20px auto 20px;
    }

    .savedlater-card .movecard-btn {
        margin: 0 10px;
        width: calc(100% - 20px);
    }

    .login2 .login-box::after {
        top: -29px;
        right: 46px;
        width: 53px;
        height: 53px;
    }

    .login2 .login-box::before {
        top: 23px;
        right: 19px;
        width: 29px;
        height: 29px;
    }

    .notfound-text h1 {
        font-size: 22px;
        line-height: normal;
    }

    .attention-flex {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
    }

    .new-checkoutbtn {
        font-size: 14px;
    }

    .attention-card-design {
        margin-bottom: 30px;
    }

    .checkout-billing-heading {
        font-size: 26px;
        margin-bottom: 15px !important;
        padding-bottom: 15px;
    }

    .notfound-img {
        max-width: 280px;
    }

    .allowus-box {
        padding: 40px 13px 20px;
    }

    .allowus-box h3 {
        font-size: 28px;
        line-height: normal;
    }

    .allowus-box p {
        font-size: 16px;
    }

    .allowus-part {
        padding: 30px 0;
        margin: 30px auto 30px;
    }

    .text-18,
    .number-billing-para p {
        font-size: 16px;
    }

    .billing-design {
        padding: 30px 20px;
        margin-bottom: 30px;
    }

    .plan-cards .plan-card {
        width: 100%;
    }

    .choosplan-bg1 {
        height: 97px;
    }

    .access-footer p {
        font-size: 28px;
        line-height: normal;
    }

    .access-footer-text {
        font-size: 16px;
    }

    .access-footer-text img {
        width: 24px;
        height: 24px;
    }

    .choosplan-section .plan-title img {
        width: 40px;
    }

    .choosplan-section .continue-btn,
    .choosplan-section .plan-subtext {
        margin-bottom: 30px;
    }

    .choosplan-section .plan-title {
        gap: 15px;
        font-size: 28px;
        line-height: normal;
    }

    .access-title {
        font-size: 22px;
        line-height: normal;
    }

    .howitwork-section .d-flex {
        flex-wrap: wrap;
        padding: 0 12px;
    }

    .choose-border {
        background: unset;
        padding: 0;
    }

    .howitwork-section {
        margin-bottom: 60px;
    }

    .choose-round {
        width: 298px;
        height: 298px;
    }

    .choose-text3,
    .choose-text2 {
        margin-right: auto;
    }

    .receipt-contect {
        flex-direction: column;
        justify-content: flex-start;
    }

    .receipt-header {
        padding: 20px 20px 157px;
        margin-bottom: 0;
    }

    .receipt-body .box-one {
        padding: 15px 10px 10px 10px;
    }

    .number-price {
        flex-direction: column;
    }

    .box-two {
        margin: 0 5px 20px;
    }

    .box-two-bg {
        flex-direction: column;
    }

    .receipt-account {
        padding: 0 10px;
    }

    .receipt-footer {
        padding: 40px 15px 20px;
        margin-top: 20px;
        background: url(../images/image/order-footer.png) no-repeat 20% top;
    }

    .order-receipt {
        margin-bottom: 30px;
    }

    .new-shopingcard .number-month h4,
    .new-shopingcard .number-month h5,
    .new-shopingcard .type-price span {
        font-size: 20px;
    }

    .new-shopingcard .type-price,
    .new-shopingcard .number-month {
        gap: 10px;
    }

    .new-shopingcard .cart-alert-text {
        gap: 0;
    }

    .not-eligible-alert {
        padding: 9px 10px;
        margin: 0 10px 10px;
        font-size: 15px;
    }

    .new-pricetotal {
        margin-bottom: 10px;
        padding: 10px 10px;
    }

    .new-cardfooter .simpel-btn {
        font-size: 16px;
        padding: 0 10px 0 10px;
        margin-right: 0px;
    }

    .new-shopingcard {
        padding: 15px 0 15px;
        margin-bottom: 20px;
    }

    .ordersuccess-modal .modal-content {
        padding: 10px;
        margin: 0px;
    }

    .ordersuccess-modal .modal-body {
        padding: 30px 10px 30px;
    }

    .ordersuccess-modal img {
        height: 136px;
        width: 136px;
        margin-bottom: 12px;
    }

    .ordersuccess-modal .ordersuccess-title {
        font-size: 24px;
        margin-bottom: 10px;
        line-height: normal;
    }

    .ordersuccess-modal .ordersuccess-text {
        font-size: 16px;
        line-height: normal;
        margin: 0 auto 20px;
    }

    .ordersuccess-modal .btn-secondary {
        font-size: 18px;
        padding: 10px 64px 10px;
    }

    /* wishlist CSS */
    .wishlist-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px;
        margin: 50px auto 30px;
    }

    .wishlist-header h2 {
        font-size: 22px;
        font-weight: 600;
        line-height: 33px;
        color: #222328;
        margin-bottom: 0;
    }

    .wishlist-danger-btn {
        padding: 13px 30px;
        border-radius: 40px;
        border: 1px solid #f24c35;
        color: #f24c35;
        background: #f24c350d;
        font-size: 18px;
        font-weight: 500;
        line-height: 27px;
    }

    .wishlist-danger-btn:hover,
    .wishlist-danger-btn:focus,
    .wishlist-danger-btn:active {
        border: 1px solid #f24c35 !important;
        color: #fff !important;
        background: #f24c35 !important;
    }

    .wishlist-btns {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    .wishlist-btn {
        padding: 13px 30px;
        border-radius: 40px;
        border: 1px solid #4260cb;
        color: #4260cb;
        background: #fff;
        font-size: 18px;
        font-weight: 500;
        line-height: 27px;
    }

    .wishlist-btn svg {
        margin-right: 10px;
        margin-top: -3px;
    }

    .wishlist-btn:hover,
    .wishlist-btn:active,
    .wishlist-btn:focus {
        border: 1px solid #4260cb;
        color: #fff;
        background: #4260cb;
    }

    .wishlist-btn:hover svg path,
    .wishlist-btn:active svg path,
    .wishlist-btn:focus svg path {
        stroke: #fff;
    }

    .wishlist-create .modal-content,
    .wishlist-delete .modal-content {
        background: linear-gradient(90deg, #edf2ff 0%, #eff9ff 100%);
        padding: 15px;
        border-radius: 20px;
    }

    .wishlist-delete .modal-body {
        background: #ffffff;
        text-align: center;
        padding: 40px 20px 50px;
        border-radius: 15px;
    }

    .wishlist-delete p {
        font-size: 30px;
        font-weight: 500;
        line-height: 45px;
        text-align: center;
        max-width: 426px;
        margin: 20px auto 30px;
    }

    .wishlist-delete .btn-fill {
        color: #ffffff;
        background: #4260cb;
    }

    .wishlist-delete .btn-fill:hover,
    .wishlist-delete .btn-fill:focus,
    .wishlist-delete .btn-fill:active {
        color: #4260cb;
        border: 1px solid #4260cb;
        background: #ffffff;
    }

    .wishlist-delete .btn {
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        padding: 13px 20px;
        min-width: 180px;
        border: 1px solid #4260cb;
        border-radius: 30px;
    }

    .wishlist-delete .btn-outline {
        color: #4260cb;
        background: #ffffff;
    }

    .wishlist-delete .btn-outline:hover,
    .wishlist-delete .btn-outline:focus,
    .wishlist-delete .btn-outline:active {
        color: #ffffff;
        border: 1px solid #4260cb;
        background: #4260cb;
    }

    .wishlist-create .modal-body {
        padding: 20px 0px 15px;
        background: #ffffff;
        border-radius: 15px;
    }

    .wishlist-create .modal-header {
        padding: 0 20px 15px;
        border-bottom: 1px solid #e7e7e7;
        margin-bottom: 20px;
    }

    .wishlist-create .modal-header .btn-close {
        padding: 0;
        width: 18px;
        height: 18px;
    }

    .wishlist-create .modal-title {
        font-size: 28px;
        font-weight: 700;
        line-height: 42px;
        color: #222328;
        margin: 0;
    }

    .wishlist-create input {
        margin: 0 20px 20px;
        width: calc(100% - 40px);
    }

    .wishlist-create .new-card-btn {
        margin-bottom: 30px;
    }

    .wishlist-create h5 {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #8c94b0;
        padding-bottom: 15px;
        margin: 0 20px 15px;
        border-bottom: 1px solid #e7e7e7;
    }

    .wishlist-items {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin: 0 20px 15px;
        gap: 10px;
    }

    .wishlist-items p {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        margin-bottom: 0;
        color: #222328;
    }

    .wishlist-items .cart-trash {
        background: #f7f7f7;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .wishlist-items .cart-trash:hover img {
        animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97);
    }

    .wishlist-cards .savedlater-card {
        margin-bottom: 30px;
    }

    .savedlater-card:hover {
        box-shadow: 0px 4px 54px 0px #0000001f;
    }

    .checkout-4-msg.two {
        max-width: 500px;
        margin: 22px auto;
    }

    .shopcart-modal .modal-body {
        padding: 0 10px 10px;
    }

    .shopcart-modal .modal-content {
        border: 5px solid #edf2ffe5;
    }

    .checkout-card .card-body {
        padding: 20px;
    }

    .payment-type {
        flex-direction: column;
    }

    .paymenttype-tab .nav-item .nav-link {
        min-width: 210px;
        width: auto;
    }

    .payment-type .tab-content {
        padding: 20px 20px 15px;
    }

    .paymenttype-tab {
        padding: 20px 20px 20px 0;
    }

    .shopcart-modal .modal-header {
        padding: 20px 12px 20px;
        align-items: center;
    }

    .shopcart-step-tab .nav-item {
        min-width: 150px;
        margin-left: -15px;
    }

    .shopcart-step-tab .nav-link span {
        font-size: 12px;
    }

    .shopcart-step-tab {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .options-cards .title {
        font-size: 16px !important;
    }

    .portout-detail {
        flex-direction: column;
        align-items: start;
    }

    .portout-tips {
        padding: 20px 10px 20px;
    }

    .tips-card {
        gap: 5px;
    }

    .updatepin-number {
        flex-direction: column;
        text-align: center;
    }

    .updatepin-border {
        width: unset;
        border-right: 0px solid rgba(231, 231, 231, 1);
    }

    .transfer-permission,
    .numbers-ordersubmit {
        padding: 20px 10px 20px;
    }

    .detail-table {
        justify-content: left;
        gap: 20px;
    }

    .favorite-btn img,
    .icon-btn .icon img {
        max-width: 20px;
        max-height: 20px;
    }

    .favorite-btn,
    .icon-btn .icon {
        width: 45px !important;
        height: 45px;
        min-height: 45px;
        min-width: 45px !important;
    }

    .login-info {
        padding: 15px;
    }

    .numbers-myprofile .title {
        font-size: 22px !important;
    }

    .new-number-card .card-header h1 {
        font-size: 22px;
        line-height: 28px;
    }

    .new-number-card .card-header h2 {
        font-size: 22px;
    }

    .wishlist-btns .btn {
        width: 100%;
    }

    .local-dropdown .dropdown-item a {
        max-width: 235px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

    .nav-dropdown .dropdown-item h3 {
        text-wrap: balance;
    }

    .metrioit-static3 {
        top: -17%;
        left: -20%;
    }

    .metrioit-static1 {
        top: -18%;
        right: -36%;
    }

    .metrioit-static3 {
        top: -19%;
        left: -18%;
    }

    .metrioit-static4 {
        bottom: 23%;
        right: -37%;
        scale: 0.5 !important;
    }

    .metrioit-static7 {
        left: 7%;
        scale: 0.5 !important;
        top: 9%;
    }

    .metrioit-static2 {
        top: 21%;
        scale: 0.4 !important;
        right: -16%;
    }

    .metrioit-static6 {
        left: -17%;
        bottom: 27%;
        scale: 0.5 !important;
    }

    .error-textimg {
        max-width: 260px;
        margin-bottom: -61px;
    }

    .error-title {
        font-size: 39px;
    }

    .error-btn {
        padding: 12px 26px 12px;
        font-size: 16px;
    }

    .error-bg::after {
        background-size: 160% 100%;
    }

    .error-cartoon {
        left: 43%;
        top: -26%;
        max-width: 100px;
    }

    .number-transfer {
        min-height: calc(100vh - 67px);
        margin-top: 3.25rem;
    }

    .multynumber-box {
        padding: 0 20px;
    }

    .ntransfer-boximg {
        width: 100%;
    }

    .multynumber-content {
        border-radius: 0 0 10px 10px;
    }

    .multy-buttons {
        gap: 10px;
    }

    .multy-buttons .btn {
        font-size: 15px;
        padding: 8px;
    }

    .multynumber-content p {
        margin-bottom: 10px;
    }

    .multynumber-cartoon {
        right: calc(100% - 234px);
        scale: .4;
        top: -115px;
    }

    .multynumber-box2 .multynumber-content {
        padding: 30px 10px 20px;
        border-radius: 20px;
        max-width: 770px;
        margin: auto;
    }

    .multynumber-box2 {
        padding: 0;
    }

    .ported-numbers {
        border-radius: 20px;
        padding: 15px 5px 15px 10px;
    }

    .ported-scroll div {
        column-gap: 10px;
    }

    .ported-scroll img {
        max-width: 24px;
    }

    .ported-scroll .btn {
        max-width: 35px;
    }

    .ported-scroll .btn img {
        max-width: 35px;
    }

    .ported-scroll p {
        margin-bottom: 0;
    }

    .ported-scroll {
        max-height: 261px;
        padding-right: 8px;
    }

    .ported-box .multynumber-cartoon {
        right: calc(100% - 214px);
        top: -72px;
    }

    .notport-numbers {
        font-size: 18px !important;
        line-height: normal !important;
    }

    .shopcart-modal .modal-dialog.large-modal {
        max-width: 300px !important;
    }

    .multynumber-searchbox .btn {
        /*border-radius: 100%;*/
        /*width: 45px !important;*/
        /*min-width: 45px;*/
        /*padding: 0;*/
        height: 45px !important;
        width: fit-content !important;
        border-radius: 30px !important;
        margin-top: 15px;
    }

    .ntransfer-multiplenumber1 {
        flex-direction: column;
    }

    .ntransfer-multiplenumber1 .multynumber-options,
    .ntransfer-multiplenumber-list {
        width: 100%;
        margin-bottom: 0;
    }

    .not-multynumber-cartoon.multynumber-cartoon {
        scale: .28;
        top: -169px;
    }

    .ported-box2 .ntransfer-boximg {
        margin-top: -37px;
        max-width: 110px;
    }

    .ported-box2 .multynumber-content {
        padding: 0 20px 40px 20px;
    }

    .main-search .state-search-pere {
        flex-direction: column;
        height: unset !important;
        gap: 10px;
        background-color: transparent;
    }

    .state-search-pere .code-dropdown b,
    .choos-states .input-dropdown b {
        left: unset;
        right: 8px;
    }

    .instant-search .code-dropdown b,
    .instant-search .input-dropdown b {
        left: unset;
        right: 30px;
    }

    .state-search-pere {
        padding: 0 !important;
    }

    .state-search-pere .search-border {
        border-radius: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 60px;
        background: #f7f7f7;
        padding: 16px 0 17px 20px;
    }

    .main-search .search-border::before {
        content: unset;
    }

    .main-search:not(.instant-search) #code_nos,
    .main-search:not(.instant-search) #code_no {
        display: flex;
        border-radius: 30px;
        align-items: center;
        justify-content: center;
        height: 60px;
        background: #f7f7f7;
        padding: 16px 20px 17px;
    }

    .code-dropdown,
    #code_no,
    .input-dropdown,
    .code-dropdown .form-control {
        width: 100%;
    }

    .main-search {
        border-radius: 20px;
    }

    .main-search:not(.instant-search) #code_no {
        max-width: unset;
        width: 100%;
    }

    .new-offermodal .btn-blue {
        min-width: 220px !important;
    }

    .contectagent-callprice {
        flex-wrap: wrap;
    }

    .contectagent-callprice h5 {
        padding-left: 0;
        margin-left: 0;
        border-left: none;
    }

    .new-offermodal .offer-form {
        padding: 0;
    }

    .paymentplan-modal .contectagent-callprice h3 {
        font-size: 24px;
    }

    .paymentplan-modal .contectagent-callprice img {
        max-width: 44px;
    }

    .home-board {
        top: 260px;
        right: 52%;
        scale: .7;
    }

    @keyframes ripple {
        0% {
            transform: scale(1.2);
            opacity: 1;
        }

        50% {
            transform: scale(1.4);
            opacity: 0.5;
        }

        100% {
            transform: scale(1.6);
            opacity: 0;
        }
    }

    .multynumber-searchbox {
        flex-direction: column;
        border: none;
        padding: 0;
    }

    .billboard-content h2 {
        font-size: 24px !important;
    }

    .billboard-arrow {
        max-width: 80px;
    }

    .reviews-section .reviews-slider {
        width: 268px;
        margin: auto;
    }

    .reviews-section .reviews-slider .owl-prev,
    .reviews-section .reviews-slider .owl-next {
        display: block;
        scale: .8;
    }

    .reviews-section .reviews-slider .owl-next {
        right: -20px;
    }

    .reviews-section .reviews-slider .owl-prev {
        left: -20px;
    }

    .reviews-section .reviews-slider .revies-slide-bg {
        padding: 12px;
    }

    .use-cases-slider .owl-dots {
        margin-top: 0;
    }

    .hero-section .search-contents {
        border-radius: 16px;
        flex-direction: column;
        width: 100%;
    }

    .hero-section .search-contents .custom-dropdown:first-child {
        width: 100%;
    }

    .hero-section .search-contents .custom-dropdown:nth-child(2) {
        width: 100%;
    }

    .hero-section .search-contents .input-grp,
    .hero-section .search-contents .form-contol {
        max-width: 100%;
        width: 100%;
    }

    .hero-section .search-contents .input-grp img {
        right: 2%;
    }
}

@media (min-width: 1199.99px) {
    .why-us-main .col-xl-3:nth-child(4n) {
        border-right: none !important;
    }

    .why-us-main .col-xl-3:nth-last-child(-n + 4) {
        border-bottom: none !important;
    }

    .why-us-main .col-xl-3:nth-last-child(-n + 4) .why-sub-text {
        margin-bottom: 0;
    }

    .why-us-main .col-xl-3:nth-child(-n + 4) .why-us-icon {
        margin-top: 0;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .why-us-main .col-xl-3:nth-child(-n + 3) .why-us-icon {
        margin-top: 0;
    }

    .why-us-main .col-xl-3:nth-last-child(-n + 2) .why-sub-text {
        margin-bottom: 0;
    }

    .why-us-main .col-xl-3:nth-last-child(-n + 2) {
        border-bottom: none !important;
    }

    .why-us-main .col-xl-3:nth-child(3n) {
        border-right: none !important;
    }
}

@media (min-width: 992px) {
    .states .tab-content .row .col-6:nth-child(6n-5) {
        border: none !important;
    }
}

@media (max-width: 991px) and (min-width: 767.99px) {
    .states .tab-content .row .col-6:nth-child(4n -3) {
        border: none !important;
    }

    .why-us-main .col-xl-3:nth-child(-n + 2) .why-us-icon {
        margin-top: 0;
    }

    .why-us-main .col-xl-3:nth-last-child(-n + 2) .why-sub-text {
        margin-bottom: 0;
    }

    .why-us-main .col-xl-3:nth-last-child(-n + 2) {
        border-bottom: none !important;
    }

    .why-us-main .col-xl-3:nth-child(2n) {
        border-right: none !important;
    }
}

@media (max-width: 991px) and (min-width: 575.99px) {
    .why-us-main .col-xl-3:nth-child(-n + 2) .why-us-icon {
        margin-top: 0;
    }

    .why-us-main .col-xl-3:nth-last-child(-n + 2) .why-sub-text {
        margin-bottom: 0;
    }

    .why-us-main .col-xl-3:nth-last-child(-n + 2) {
        border-bottom: none !important;
    }

    .why-us-main .col-xl-3:nth-child(2n) {
        border-right: none !important;
    }
}

@media (max-width: 767px) and (min-width: 575.99px) {
    .states .tab-content .row .col-6:nth-child(3n -2) {
        border: none !important;
    }
}

@media (max-width: 575.99px) {
    .states .tab-content .row .col-6:nth-child(2n -1) {
        border: none !important;
    }

    .why-us-main .col-xl-3:nth-last-child(-n + 1) {
        border-bottom: none !important;
    }

    .why-us-main .col-xl-3 {
        border-right: none !important;
    }

    .why-buy-section {
        background-position: 62%;
    }
}

@media (max-width: 432px) {
    .service-slider .slider1 .slide1 {
        padding: 0 67px;
    }

    .new-homedec {
        bottom: -48%;
    }

    .why-buy-section {
        background-position: 92%;
    }
}

@media (min-width: 992px) {
    .mobile-checkout-dropdown {
        display: none;
    }
}

@media (max-width: 1799.98px) {

    .mexclusive-btns,
    .mexclusive-license {
        gap: 4px;
    }

    .mexclusive-card {
        padding: 13px 4px;
    }
}

@media (max-width: 1599.98px) {
    .mexclusive-card .mlocation {
        margin-bottom: 17px;
    }

    .mexclusive-card {
        gap: 12px;
    }

    .mexclusive-cartoon {
        max-width: 92px;
    }

    .mcard-btns {
        gap: 12px;
    }

    .mtoggle-btn label {
        padding: 6px;
    }

    .mtoggle-btn {
        gap: 0;
    }

    .mtoggle-bg {
        width: calc(50% - 4px);
    }

    .mtoggle-btn .mtoggle-intwo:checked~.mtoggle-bg {
        left: calc(50%);
    }

    .marketplace-cards-category .card-category-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1399.98px) {
    .mexclusive-card h4 {
        font-size: 20px;
    }

    .mexclusive-card .mlocation {
        margin-bottom: 8px;
        font-size: 14px;
    }

    .mexclusive-card h5 {
        font-size: 18px;
        margin-bottom: 2px;
    }

    .mexclusive-card .mlocation img {
        width: 18px;
        height: 20px;
    }

    .mexclusive-card .mprice span {
        font-size: 16px;
    }

    .mexclusive-card .mprice p {
        font-size: 18px;
    }

    .mexclusive-label {
        font-size: 14px;
        top: 12px;
        right: -51px;
    }

    .mexclusive-twocard {
        flex-direction: column;
    }

    .mexclusive-cartoon {
        max-width: 120px;
    }

    .marketplace-cards {
        grid-template-columns: 1fr 1fr;
        grid-gap: 14px;
    }

    .mnumbers-filter {
        flex-direction: column;
    }

    .mnumbers-filter .sort-details,
    .mnumbers-filter .card-list-section {
        width: 100%;
        justify-content: space-between;
    }

    .mnumbers-filter .card-list-section .mdropdwon {
        width: 100%;
        max-width: 100%;
    }

    .mnumbers-filter .card-list-section .mdropdwon .dropdown-toggle {
        width: 100%;
        justify-content: space-between;
    }

    .mnumbers-filter .card-list-section .card-list-change-view label {
        width: 100%;
        margin: auto;
    }

    .mnumbers-filter .card-list-section .card-list-change-view {
        width: 100%;
    }

    .mnumbers-filter .card-list-section .card-list-change-view label {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mnumbers-filter .sort-details .form-group {
        width: 100%;
    }

    .mnumbers-filter .sort-details .form-group .accordion.maccordion.dropdown-filter {
        width: 100%;
    }

    .mnumbers-filter .sort-details .form-group p.mlabel {
        display: none;
    }

    .mnumbers-filter .sort-details {
        gap: 12px !important;
    }

    .mlarge-card-num h3 {
        font-size: 30px;
    }

    .mlarge-card {
        padding: 18px;
    }
}

@media (max-width: 1199.98px) {
    .marketplace-filter {
        max-width: unset;
        display: flex;
        column-gap: 24px;
        flex-wrap: wrap;
    }

    .mfiltet-title {
        width: 100%;
    }

    .mfiltet-title~div {
        width: calc(50% - 12px);
    }

    .mfilter-one {
        margin-top: 31.5px;
    }

    .marketplace-filter .mfilter-additional {
        width: 100%;
    }

    .mexclusive-twocard {
        flex-direction: row;
    }

    .marketplace-cards {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 14px;
    }

    .marketplace-numbers {
        width: 100%;
    }

    .hero-section .searchnav-items .navbar-brand {
        margin-left: -140px;
    }

    .hero-section .searchnav-items .navbar-brand img {
        width: 360px;
    }

    .hero-section .right-dropdowns a span {
        display: none;
    }

    .numbers-card-slider-section .heading-section {
        align-items: flex-start;
        flex-direction: column;
    }

    .loader-main {
        width: 100% !important;
    }
}

@media (max-width: 991.98px) {
    .mexclusive-twocard {
        flex-direction: column;
    }

    .marketplace-cards {
        grid-template-columns: 1fr 1fr;
        grid-gap: 14px;
    }

    .hero-section .hero-heading {
        margin: 44px 0;
        font-size: 32px;
    }

    .marketplace-cards-category .card-category-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .hero-section .searchnav-items .navbar-brand img {
        width: 250px;
    }

    .hero-section .searchnav-items .navbar-brand {
        margin-left: -120px;
    }

    .hero-section .search-contents .form-contol,
    .hero-section .search-contents .custom-dropdown {
        padding: 12px;
    }

    .marketplace-cards.mlist .mcard .mcard-head .mcard-num h4 {
        font-size: 22px;
    }

    .mlarge-card-num h3 {
        font-size: 22px;
    }
}

@media (max-width: 767.98px) {
    .mfiltet-title~div {
        width: 100%;
    }

    .mfilter-one {
        margin-top: 0;
    }

    .mlarge-cartoon {
        max-width: 120px;
    }

    .mlarge-card-price .mprice p {
        font-size: 16px;
    }

    .mlarge-card-price .mprice {
        gap: 4px;
    }

    .mlarge-card-price .mprice del {
        font-size: 15px;
    }

    .marketplace-cards {
        grid-template-columns: 1fr;
        grid-gap: 14px;
    }

    .marketplace-cards-category .card-category-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .hero-section .search-contents {
        border-radius: 16px;
        flex-direction: column;
        width: 100%;
    }

    .hero-section .search-contents .custom-dropdown:first-child {
        width: 100%;
    }

    .hero-section .search-contents .custom-dropdown:nth-child(2) {
        width: 100%;
    }

    .hero-section .search-contents .input-grp,
    .hero-section .search-contents .form-contol {
        max-width: 100%;
        width: 100%;
    }

    .hero-section .search-contents .input-grp img {
        right: 2%;
    }

    .marketplace-cards.mlist .mcard .mcard-head .mcard-num {
        position: static;
    }

    .marketplace-cards.mlist .mcard .mcard-head {
        justify-content: space-between;
        align-items: center;
    }

    .marketplace-cards.mlist .mcard .mcard-body .mcard-location-container {
        padding: 0;
    }

    .mlarge-card {
        flex-direction: column;
    }

    .mnumbers-filter .card-list-section .card-list-change-view {
        display: none;
    }

    .states .state-heading {
        flex-direction: column;
        justify-content: center;
    }
}

@media (max-width: 575.98px) {
    .mexclusive-card {
        flex-direction: column;
        padding: 24px;
    }

    .mexclusive-card>div {
        width: 100%;
    }

    .mpagination-btns {
        gap: 4px;
    }

    .mpagination-btn {
        width: 38px;
        height: 38px;
    }

    .mpagination-btn:last-child img,
    .mpagination-btn:first-child img {
        width: 8px;
    }

    .mcard {
        padding: 28px 16px 18px;
    }

    .mcard-btns {
        gap: 6px;
    }

    .mcard-price h5 {
        font-size: 16px;
    }

    .mcard p {
        font-size: 13px;
    }

    .mcard .mcard-num h4 {
        font-size: 20px;
        margin-bottom: 4px;
    }

    .hero-section .help-text {
        font-size: 15px;
    }

    .hero-section .hero-heading {
        margin: 24px 0;
        font-size: 20px;
    }

    .hero-section .search-contents {
        border-radius: 16px;
        flex-direction: column;
        width: 100%;
    }

    .hero-section .search-contents div {
        width: 100% !important;
    }

    .hero-section .search-contents .dropdown .btn {
        padding: 12px;
        width: 100%;
        text-align: left;
    }

    .dropdown-toggle::after {
        position: absolute;
        right: 16px;
        top: 25px;
    }

    .hero-section .search-contents .form-contol {
        max-width: 100%;
        width: 100%;
    }

    .hero-section .search-contents .input-grp img {
        right: 16px;
    }

    .marketplace-cards-category .category-title .title-content h3 {
        font-size: 18px;
    }

    .hero-section .searchnav-toggle {
        width: 32px;
        height: 32px;
    }

    .hero-section .searchnav-items .navbar-brand img {
        width: 150px;
    }

    .hero-section .right-dropdowns {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .hero-section .searchnav-items .navbar-brand {
        margin-left: -70px;
    }

    .marketplace-cards.mlist .mcard .mcard-btns {
        justify-content: center;
    }

    .mnumbers-filter .card-list-section {
        flex-direction: column;
    }

    .marketplace-cards.mlist .mcard .mcard-body {
        flex-direction: column;
        align-items: flex-start;
    }

    .marketplace-cards.mlist .mcard .mcard-btns .btn {
        width: 50%;
    }

    .marketplace-cards.mlist .mcard .mcard-btns .mtoggle-btn {
        width: fit-content;
    }

    .marketplace-cards.mlist .mcard .mcard-btns .mtoggle-btn label {
        width: 50%;
    }

    .mexclusive-twocard .mexclusive-card .btn {
        width: 50%;
    }

    .mlarge-card .mbtn-grp {
        gap: 12px !important;
    }

    .transfer-number-block .home-dec-1 {
        display: none;
    }

    .mcard-btns .mtoggle-btn,
    .mcard-btns .btn {
        width: 50%;
    }

    .states {
        margin-top: -100px;
    }

    .states .state-title {
        font-size: 18px !important;
    }
}

@media (max-width: 475px) {

    .mexclusive-btns,
    .mexclusive-license {
        flex-wrap: wrap;
    }

    .mnumbers-filter {
        flex-direction: column;
    }

    .mdropdwon .dropdown-toggle,
    .mdropdwon {
        width: 100%;
        justify-content: space-between;
    }

    .mnumbers-filter>div {
        width: 100%;
    }

    .mnumbers-filter .mselect2 .select2 {
        width: 100% !important;
    }

    .mexclusive-card h4 {
        font-size: 16px;
    }

    .mexclusive-card {
        padding: 13px 6px;
        gap: 8px;
    }

    .mexclusive-card h5 {
        font-size: 15px;
    }
}