@media screen and (max-width:480px){
    .smartbanertypeshow1,.smartbanertypeshow2{
        display:none!important
    }
    .smartbanertypeshow3{
        display:block!important
    }
    .justforpcinjava{
        display:none!important
    }
    .justformobileinjava{
        display:block!important
    }
    .cartgotobackdiv1>img{
        margin:0
    }
    .cartgotoback{
        padding:10px 10px
    }
    .cartsenddivbtn1{
        padding:0;
        justify-content:center
    }
    ::-webkit-scrollbar-track{
        background:rgba(0,0,0,.08);
        border-radius:0
    }
    .videomobile{
        display:block!important
    }
    .videopc{
        display:none!important
    }
    .baner{
        background:#ffe143;
        direction:rtl;
        text-align:center;
        top:0;
        z-index:99999999999999999;
        padding:4px 1px;
        border-radius:0
    }
    .account-page1{
        display:block
    }
    .account-page1-r{
        width:100%;
        padding:0;
        margin:0 auto
    }
    .serbackground{
        aspect-ratio:auto
    }
    .imagesaccountforcode .serbackgroundimgp_m{
        display:block
    }
    .imagesaccountforcode .serbackgroundimgp{
        display:none
    }
    .account-page1-l{
        width:auto;
        margin:0 auto;
        padding:0
    }
    .specialsearchforafter1::after{
        margin-left:-235px
    }
    .specialsearchforafter2::after{
        margin-left:-102px
    }
    .javashowmaximage2 .javageneralimagetoomax{
        min-width:none!important;
        min-height:90%
    }
    .maximagesin_worh[typeimage="w"]{
        height:auto!important;
        width:100%!important
    }
    .maximagesin_worh[typeimage="h"]{
        width:auto!important;
        height:100%!important
    }
    .toomaximagesin_worh[typeimage="w"]{
        width:auto!important;
        height:100%!important
    }
    .toomaximagesin_worh[typeimage="h"]{
        height:auto!important;
        width:100%!important
    }
    ::-webkit-scrollbar-thumb{
        background:rgba(0,0,0,.18);
        border-radius:0
    }
    .headerpanel:hover,.subdis:hover{
        background:#f7f7f7
    }
    #backimganimate,#backimganimate2,#backimganimate3{
        display:none
    }
    .submenumobile{
        display:none
    }
    .submenumobile>div{
        padding-right:40px;
        margin-top:18px;
        font-size:14px
    }
    .submenumobile2{
        display:none
    }
    .submenumobile2>div{
        padding-right:40px;
        margin-top:18px
    }
    .havesubmenumobile{
    }
    *{
    }
    .cls_mobile_hidden_more{
        overflow:hidden!important;
        -webkit-transition:height 1s ease;
        transition:height 1s ease
    }
    .mobilemoreheight_div{
        width:fit-content;
        color:#fff;
        padding:1px 15px;
        margin:0 auto;
        margin-top:12px;
        background:#38b0e0;
        border-radius:5px
    }
    .absentuser{
        width:170px!important;
        left:0;
        top:190px
    }
    #shownumbersboxcomment{
        margin:15px -7px 0
    }
    .mobbuydis{
        font-size:16px;
        color:#ec8d00;
        padding:30px 0 25px;
        background:#f4f7fb;
        margin:0 -7px;
        display:block;
        position:relative
    }
    .normalmaintext{
        background:none;
        padding:15px 9px
    }
    .owlinbox{
        transform:scale(1);
        height:50vmin
    }
    .listnumbersp div{
        font-size:15px
    }
    .liststates{
        padding:5px 0
    }
    .specialsearchforafter1::after{
    }
    .listnumberspnonumber>div{
        font-size:14px
    }
    .listnumbersp .checkmark{
        top:3px
    }
    .turnoffvpn{
        font-size:13px
    }
    .main-des-icons div{
        width:calc(50% - 12px)
    }
    .tablecharge ul li{
        font-size:15px;
        cursor:auto
    }
    .bodypage{
        min-width:auto;
        width:100%;
        border-radius:0;
        padding:0 0 30px 0;
        overflow-y:scroll;
        display:table
    }
    .numberlist-number{
        font-size:16px!important
    }
    .numlisttable td{
        font-size:14px
    }
    ul{
        padding-right:15px
    }
    .getnumclose{
        width:22px;
        right:5px;
        top:5px
    }
    .ul-enter{
        padding:10px 10px 0 0!important;
        margin:0 0!important
    }
    ul.ul-enter li{
        border-bottom: 2px solid #ffffff0f !important
    }
    .user_enter{
        margin:0;
        width:auto
    }
    .uservalue{
        top:3px
    }
    .massage_box_close_news{
        font-size:13px;
        padding:10px
    }
    .newsnotname{
        font-size:20px
    }
    .refnot{
        width:195px!important;
        user-select:text
    }
    .paytextout ul{
        padding-right:15px
    }
    .selectservice,.shownumbers{
        min-width:auto;
        width:calc(100% - 14px);
        margin:0 7px;
        overflow:unset
    }
    .sspdiv{
        margin:auto -7px;
        background:#f4f7fb;
        box-shadow:none
    }
    .sspdisactive,.sspactive{
        font-size:18px
    }
    .bodypaneltable tbody tr td:nth-child(3) {
        text-align:right;
        padding-right:15px
    }
    .available,.notavailable{
        font-size:13px;
        margin:0 -20px 0 5px;
        min-width:65px;
        min-height:17px;
        padding:6px 6.5px;
        border-radius:7px
    }
    .tickpic{
        width:13px
    }
    .startooltip{
        margin:0 -20px 0 10px
    }
    .available img{
        width:17px
    }
    .adad{
        top:5px
    }
    td{
        font-size:14px
    }
    .real_america{
        font-size:9px
    }
    .bodypaneltable tbody tr td:nth-child(1) {
        padding-right:5px;
        position:relative;
        font-size:15px
    }
    .headerpanel{
        height:43px;
        padding:1px 10px 1px 0
    }
    .headerpanel p:nth-child(1) {
        float:right;
        font-size:15px;
        margin-top:0;
        margin-right:10px
    }
    .headerpanel p:nth-child(2){
        padding-left:0
    }
    .service-image,.country-image{
        width:23px;
        position:relative;
        top:9px
    }
    .change-service-image,.change-country-image{
        margin-top:2px
    }
  
    .bodypanel{
        padding:10px 0;
        width:98%;
        right:1%;
        left:1%;
        position:relative;
        margin-top:-4px
    }
    span.beupdate{
        font-size:9px
    }
    span.toman{
        font-size:9px
    }
    .comment-of-country{
        font-size:8px;
        border-radius:5px;
        margin-right:-12px;
        padding:1px 4px;
        top:10px;
        word-spacing:-1px
    }
    .numbercountajax{
        position:relative;
        top:6px
    }
    .numbercountajax a{
        top:-6px
    }
    .bodypaneltable tr{
        height:45px
    }
    .bodypaneltable thead tr td:nth-child(1) {
        font-size:13px
    }
    .country_image{
        top:7px;
        margin-left:7px
    }
    .headerpanel p span{
        font-size:16px;
        color:#4d4d4d;
        margin-right:12px;
        top:2px
    }
    .selectservice>h1,.shownumbers>p{
        color:#00a04e;
        display:none
    }
    #q-mot{
        height:235px
    }
    span.company-of-country{
        font-size:10px;
        top:-7px
    }
    .cou_ser{
        font-size:13px;
        top:6px
    }
    .copypngnumber,.copypng{
        width:14px
    }
    .image_number_box{
        width:14px;
        position:relative;
        top:3px;
        margin-left:4px
    }
    .getcode,.cancelrequest,.blockednumbers{
        border-radius:10px
    }
    .timer{
        font-size:13px
    }
    .timetop{
        font-size:9px
    }
    .cancell{
        height:31px;
        font-size:13px;
        line-height:32px
    }
    .waitsms{
        font-size:11.5px;
        line-height:17px;
        margin:0 7px 0 5px;
        padding:7px 15px;
        max-width:calc(100% - 180px)
    }
    .waitsms-repeat{
        max-width:calc(100% - 206px)
    }
    .shownumbers{
        border-top:2px solid #dedede;
        margin:17px 0 0 0;
        padding:0 7px
    }
    .logopng{
        width:75%
    }
    .tick_code_number{
        font-size:13px;
        height:30px;
        width:70px;
        min-height:30px;
        line-height:19px;
        max-width:calc(100% - 245px)
    }
    .tick_code{
        font-size:13px;
        padding-top:4px
    }
    .tick_key{
        font-size:13px;
        position:relative;
        line-height:25px;
        height:28px;
        padding:0 9px 0 11px
    }
    .bodycont{
        margin:40px 20px
    }
    .toggle-title1{
        font-size:14px;
        padding:10px 15px
    }
    .toggle-title-small{
        font-size:15px
    }
    .toggle-div{
        padding:25px 15px 15px
    }
    .popupform{
        width:80%;
        min-width:330px;
        padding:10% 5%;
        border:1px solid #fff!important
    }
    .popupform_foralert{
        width:80%;
        min-width:330px;
        padding:10% 5%;
        border:1px solid #fff!important
    }
    .bodycont li{
        font-size:15px
    }
    #info_nop{
        width:calc(100% - 20px);
        padding:35px 0
    }
    .chargetablenew{
        width:calc(100% - 30px)
    }
    .chargetablenew>div>i{
        right:-24px;
        font-weight:100
    }
    #info_1{
        width:calc(100% - 20px);
        padding:35px 0
    }
    .pay-a-of-paybox{
        padding:5px 15px
    }
    .main-menu{
        width:60%;
        padding:0
    }
    .main-menu ul li a{
        font-size:14px
    }
    .main-menu ul li a i{
        margin-left:9px
    }
    .main-menu ul li img{
        width:17px;
        top:5px
    }
    .subdis:hover{
        box-shadow:none
    }
    .maindescript{
        width:93%;
        min-width:auto;
        border-radius:0;
        padding:10px 3.5%;
        margin-bottom:20px
    }
    .maindescript p{
        font-size:15px
    }
    @keyframes from-bo3{
         0%{
            transform: translate3d(0,800px,0)
        }
         50%{
            transform: translate3d(0,800px,0)
        }
         100%{
            transform: translate3d(0,0,0)
        }
    }
    @keyframes from-bo2{
         0%{
            transform: translate3d(0,800px,0)
        }
         50%{
            transform: translate3d(0,800px,0)
        }
         100%{
            transform: translate3d(0,0,0)
        }
    }
    .paybox{
        width:100%;
        overflow:auto;
        margin-top:15px;
        margin-bottom:10px;
        display:table;
        max-width:450px;
        display:grid!important
    }
    .paybox table{
        border-radius:0
    }
    .paybox table,.numbersbox table{
        display:block;
        overflow-x:scroll
    }
    .paybox table tr>td:first-child,.numbersbox table tr>td:first-child{
        border-radius:0
    }
    .paybox table tr > td:nth-last-child(1), .numbersbox table tr > td:nth-last-child(1){
        border-radius:0
    }
    .paybox,.numbersbox{
        margin:0 auto;
        padding:5px 0;
        display:table;
        overflow:hidden;
        width:100%
    }
    .cancel_code{
        margin:2px 0 0 0
    }
    .onchargetext{
        font-size:12px
    }
    .signinform{
        margin:0
    }
    .enter_menu{
        right:-4px
    }
    .enter_menu::before{
        left:160px
    }
    .os_div:hover{
        transform:none
    }
    .justformobile{
        display:flex
    }
    .feedbackgeneraltext{
        box-shadow:0 0 40px 0 #c5cfdc;
        border-radius:0;
        top:-165px
    }
    .feedbackgeneral{
        bottom:33%
    }
    .feedbackgeneralkey{
        display:none!important
    }
    .toloadquestionusers{
        display:none!important;
        position:fixed;
        width:fit-content;
        height:fit-content;
        left:20px;
        bottom:60px;
        z-index:999999;
        color:#0095ff;
        font-size:32px
    }
    .tablechargerent>ul>li,.rondselector>ul>li{
        cursor:auto
    }
    .account-page1-l .rentalnumberforeverdesitems>div{
        width:calc(50% - 40px);
        padding:20px 10px
    }
    .rentalnumberforeverdesitems_account>div{
        width:calc(50% - 40px)!important
    }
    .account-page1-l .rentalnumberforeverdesitems div h4{
        font-size:16px;
        font-weight:normal;
        color:#334b6c
    }
    .account-page1-l .rentalnumberforeverdesitems div h4 i:nth-child(1) {
        font-size:16px;
        margin-left:4px
    }
    .account-page1-l .rentalnumberforeverdesitems div p{
        font-size:16px;
        font-weight:normal;
        color:#334b6c
    }
    .account-page1-l .rentalnumberforeverdesitems div p i:nth-child(1) {
        font-size:16px;
        margin-left:4px
    }
    .account_education{
        justify-content:space-around
    }
    .account_education1{
        width:178px
    }
    .enteridfornewenter_downtitr2{
        font-size:14px
    }
    .lcebmrvncsss{
        font-size:14px
    }
    .bodycont_for_sim_recharge{
        margin-left:5px;
        margin-right:5px
    }
    .simtypeslist>div{
        margin-bottom:10px;
        width:140px
    }
    .listpriceofsimtype>div{
        padding:10px 16px!important;
        width:auto!important
    }
    .list2ofselectnewsim{
        width:calc(100% - 70px)
    }
    #selectservicediv_aa p a{
        background:#009cd7;
        color:#fff;
        padding:4px 12px;
        border-radius:8px;
        margin-left:-5px
    }
    .sspactive_topone{
        text-align:center;
        top:4px;
        padding-bottom:10px;
        border-bottom:2px solid transparent;
        color:#929292;
        width:auto;
        height:20px;
        padding:15px;
        margin:0 auto;
        margin-top:6px;
        padding-bottom:3px;
        font-weight:100
    }
    .h2istorynumbers_first{
        margin-bottom:30px
    }
   
    .plan_account .titles ul{
        padding:12px!important
    }
    .divaccounts{
        width:100%!important
    }
    .divaccounts2{
        width:100%!important
    }
}