@media only screen and (max-width: 900px) {
    .w20,.w30,.w40,.w45,.w50,.w60,.w70,.w75,.w80,.w85,.w33,.w25{
        width: 100%;
    }
    /* ***********global*************** */
    .pc_hide{
        display: block;
    }
    .mob_hide{
        display: none;
    }
    :root{
        --mainheading : 25px;
    }
    /* ***********global end*************** */
    /***********************************menu rakesh*****************************/
    .menurk{
        position: sticky;
        width: 100%;
        z-index: 9999;
        top: 0;
        background: #fff;
    }
    .menurk .newtop-bar{
        display: none;
    }
    .menulinks-box{
        /*position: relative;*/
        /* overflow: hidden; */
        background: var(--maincolor);
    }
    .mobile-menu-top{
        width: 95%;
        flex-wrap: wrap;
    }
    .linkbox{
        position: absolute;
        left:-100%;
        height: 100vh;
        display: block;
        top: 0;
        width: 100%;
        overflow: hidden;
        transition: .5s;
        z-index: 999;
    }
    .white-area-menu{
        background: var(--maincolor);
        height: 100%;
        width: 80%;
        float: left;
    }
    .black-area-menu {
        width: 20%;
        background: rgba(0,0,0,0.5);
        height: 100%;
        float: left;
    }
    .white-area-menu ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 95%;
        margin: 0 auto;
    }
    .linkbox .white-area-menu{
        flex-wrap: wrap;
    }
    .linkbox ul li{
        width: calc(100% - 50px);
        font-size: 14px;
        padding: 10px;
    }
    .linkbox .white-area-menu .social-side{
        padding: 0;
    }
    .linkbox .white-area-menu li ul li{
        margin-right: 15px;
        margin-left: 0;
        width: auto;
    }
    .side-logo{
        height: 50px;
        width: 100%;
    }
    .side-logo img{
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: left;
    }
    .logobox{
        width: 200px;
        display: flex;
        align-items: center;
    }
    .mobsvgs svg{
        height: 20px;
        width: 20px;
        color: #fff;
    }
    .cart-top{
        display: flex;
        align-items: center;
    }
    .cart-top svg{
        float: left;
        position: relative;
        top: -2px;
    }
    .cart-top .cart-conts{
        float: left;
        font-size: 12px;
        position: relative;
        top: 0px;
        left:0;
        color: #fff;
    }
    .cart-hover:hover .cart-drop{
        display: none;
    }
    .cartsmob{
        position: relative;
    }
    .cart-top .cart-drop{
        display: none;
        left: 5%;
        width: 90%;
        top: 100%;
        box-shadow: 0 0 5px rgba(0,0,0,0.1);
    }
    .cart-top:hover .cart-drop{
        display: block;
    }
    .cart-card .w30{
        width: 30%;
    }
    .cart-card .w70{
        width: 70%;
    }
    .search-pop{
        background: #f1f3f6;
        box-shadow: 0 10px 10px rgb(0 0 0 / 20%);
        left: 0;
        margin-bottom: 10px;
        max-height: 60vh;
        overflow: auto;
        position: absolute;
        top: 103%;
        width: 90%;
        z-index: 999;
        left: 5%;
    }
    .searchbox{
        position: relative;
        background: #fff;
        padding: 10px 0;
        border-bottom: .5px solid rgba(0,0,0,0.1);
    }
    .search-flex{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .back svg{
        color: rgba(0,0,0,0.8);
        height: 20px;
        width: 20px;
    }
    .search-in{
        width: 80%;
    }
    .search-in input{
        padding: 10px 0;
        font-size: 14px;
        color: rgba(0,0,0,0.8);
        width: 100%;
        border: none;
    }
    .cross-search svg{
        padding: 2px;
        border-radius: 50%;
        background: rgba(0,0,0,0.5);
        color: #fff;
        height: 15px;
        width: 15px;
        margin-right: 10px;
    }
    .search-drop{
        background: #fff;
    }
    .search-drop ul{
        list-style-type: none;
    }
    .search-drop li{
        width: 100%;
        border-bottom: .5px solid rgba(0,0,0,0.1);
    }
    .search-list-flex{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px 0;
    }
    .search-drop a{
        text-decoration: none;
    }
    .search-name p{
        font-size: 14px;
        color: rgba(0,0,0,0.8);
    }
    .search-go svg{
        height: 25px;
        width: 25px;
        color: rgba(0,0,0,0.6);
    }
    .search-img{
        width: 45px;
        height: 45px;
        margin-right: 10px;
    }
    .search-img img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .cross-search{
        visibility: hidden;
    }
    .search-pop .searchbox{
        display: block;
    }
    .menu-links{
        position: fixed;
        top: 0;
        left: -100%;
        height: 100vh;
        z-index: 9999;
        transition: .5s;
        width: 100%;
        overflow: auto;
        background: #fff;
    }
    .menu-links .white-area-cat{
        width: 100%;
        height: 100%;
        background: #fff;
        float: left;
        overflow: auto;
    }
    .menu-links li{
        width: 100%;
    }
    .menu-links ul li{
        padding: 10px 0;
    }
    .linkesheading{
        padding: 20px 0 10px 0;
    }
    .linkesheading p{
        font-size: 18px;
        font-weight: 700;
        color: rgba(0,0,0,0.8);
    }
    .menu-links ul li .big-drop{
        display: block!important;
        width: 100%!important;
        top: 0;
        left: -110%;
        height: 100vh;
        overflow: auto;
        background: transparent!important;
        z-index: 99999;
        transition: .5s;
    }
    .category-cards-box ul li{
        width: 100%!important;
    }
    .category-card .w40{
        width: 40%;
    }
    .category-card .w60{
        width: 60%;
    }
    .catbox {
        width: 100%;
        float: left;
        background: #f1f3f6;
        height: 100%;
        overflow: auto;
    }
    .catbox .category-cards-box{
        width: 80%;
        margin: 0 5%;
        padding: 0;
    }
    .white-area-cat .linkesheading{
        width: 100%;
        margin: 0 0%;
        text-align: center;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 0.5px solid rgba(0,0,0,0.2);
    }
    .big-drop .linkesheading{
        width: 90%;
        margin: 0 5%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 0.5px solid rgba(0,0,0,0.2);
    }
    .go-back{
        position: absolute;
        left: 0;
        font-size: 10px!important;
        font-weight: 500!important;
        display: flex;
        align-items: center;
    }
    .go-back svg{
        height: 15px;
        width: 15px;
        color: rgba(0,0,0,0.8);
    }
    .big-drop .black-area-drop{
       background:  rgba(0,0,0,0.1);
        height: 100%;
        width: 20%;
        float: left;
    }
    .menu-links ul li:hover .big-drop{
        display: none;
    }
    .menu-links li .main-link a{
        font-weight: 500;
    }
    .logbutton{
        width: max-content;
    }
    .dropdownrk{
        position: relative;
        box-shadow: none;
        margin-top: 5px;
    }
    .dropdownrk::before{
        display: none;
    }
    .mailmobiles svg{
        fill:var(--maincolor);
    }
    .linkbox .white-area-menu .social-side ul{
        justify-content: flex-start;
    }
    .dropdown{
        position: relative;
        box-shadow: none;
    }
    .dropdown li{
        width: 100%!important;
    }
    .dropdown li a{
        padding: 0;
    }
    .loginbutton{
        background: transparent;
        margin: 5px 0;
        padding: 10px 8px!important;
        margin-left: 0!important;
    }
    .loginbutton a{
        background: var(--textmaincolor);
        padding: 10px;
        border-radius: 5px;
    }
    .lgoutmenu{
        width: max-content!important;
        background: var(--textmaincolor);
        margin-left: 10px!important;
        padding: 5px 10px!important;
    }
    /***********************************menu rakesh end*****************************/
    .coursescatbox-normal{
        top: 117px;
    }
    .coursescat-normal ul{
        flex-wrap: wrap;
    }
    .coursescat-normal li{
        padding: 8px 10px;
        margin: 10px 5px;
        background: var(--lightbg);
        border-radius: 30px;
    }
    .circleact{
        display: none;
        height: 6px;
        width: 6px;
    }
    .coursescat-normal li.actcat .circleact{
        display: block;
    }
    
    .coursename p{
        font-size: 14px;;
    }
    .cousetags li{
        font-size: 12px;
    }
    .cardtogo svg{
        font-size: 12px;
        padding: 8px;
    }
    .pricebox{
        width: calc(100% - 35px);
    }
    .cbox .w20{
        width: 35px;
    }
    .packages{
        display: flex;
        flex-wrap: wrap;
    }
    .course-card {
        margin: 10px auto;
    }
    .content-box{
        margin-top: 20px;
    }
    .freetag::after{
        right: -8px;
    }
    .videoboxmain{
        height: 300px;
        width: 90%;
    }
    .testthumbcard{
        margin: 10px auto;
    }
    .countryside{
        margin: 10px 5%;
    }
    .countermainbox{
        flex-wrap: wrap;
    }
    .countermainbox .w90{
        margin: 0 5%;
    }
    .countermain{
        flex-wrap: wrap;
    }
    .countermain .w33 .countcardbox{
        width: 50%;
        float: left;
        margin: 10px auto;
        overflow: visible;
    }
    .countermain .w33{
        justify-content: center;
    }
    .countermain .w33:nth-child(3){
        margin-top: 0;
    }
    .counter-count p{
        font-size: 16px;
    }
    .countersub p{
        font-size: 12px;
    }
    .counterside .headings{
        text-align: center;
        margin-bottom: 20px;
    }
    .counter{
        padding: 0 0 50px 0;
    }
    .appbox{
        width: 90%;
        flex-wrap: wrap;
    }
    .mainfooter .w20{
        width: 50%;
        margin: 20px auto 0 auto;
    }
    .mainfooter .w20:last-child .w90{
        width: 100%;
    }
    .fdownloadbox{
        justify-content: space-between;
    }
    .mainfooter .w20:last-child{
        width: 100%;
    }
    .downloadbox{
        flex-wrap: wrap;
        justify-content: center;
    }
    .topside{
        padding: 10px 0;
    }
    .bottomflx{
        flex-direction: column-reverse;
    }
    .bottomflx .w75{
        width: 100%;
    }
    .categorypage .coursescatbox-normal .w90{
        width: 100%;
    }
    .categorypage .coursescat-normal ul{
        justify-content: flex-start;
    }
    .coursesflex{
        width: 100%;
    }
    .coursescatbox{
        margin-top: 0;
        width: 100%;
    }
    .cboxhead p{
        font-size: 20px;
    }
    .leftsides .leftcontentbox{
        width: 100%;
    }
    .cardhighs li{
        width: 100%;
    }
    .cardhighs li:nth-child(even){
        margin-left: 0;
    }
    .contentbox{
        margin-bottom: 0;
    }
    .packagecardbox{
        width: 50%;
    }
    .packaction .w50{
        width: 50%;
    }
    .packaction button svg{
        display: none;
    }
    .topbarsteps{
        flex-wrap: wrap;
    }
    .sidebarhead p{
        margin-top: 10px;
    }
    .responsive-folders .folderloadings{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px 0;
    }
    .mainsteps li{
        width: 100%;
    }
    .topbarsteps .sidebarcontent{
        display: block;
    }
    .product-page .topbarsteps .sidebarcontent{
        width: 70%;
    }
    .product-page .navigation{
        margin: 0 auto;
    }
    .product-page .topbarsteps .sidebarbox{
        width: 30%;
    }
    .infolder{
        width: 100%;
    }
    .infolder .infoldericon{
        width: 30px;
    }
    .infolder .infoldertext {
        width: calc(100% - 40px);
    }
    .infolder .infoldertext .w90{
        width: 100%;
    }
    .infolder .infolderbox{
        width: 100%;
        display: flex;
        align-items: center;
        padding: 10px 0;
        gap: 10px;
    }
    .infoldertext p{
        -webkit-line-clamp:2;
    }
    .infolder .infolicon{
        height: 30px;
        width: 30px;
        margin-bottom: 0;
    }
    .infoldertext p{
        text-align: left;
    }
    .insidefolders{
        gap: 0 10px;
    }
    .leftsides .leftflmbox{
        width: 100%;
    }
    .tabbox p{
        font-size: 14px;
    }
    .black-deets .pagecardimage{
        margin: 10px auto;
        float: left;
    }
    .data-flex{
        flex-direction: column-reverse;
    }
    .product-pagecard{
        margin-top: 0px!important;
        width: 100%;
    }
    .buybuttons .w50{
        width: 50%;
    }
    .product-details.black-deets{
        background: #fff;
    }
    .black-deets .highlights li{
        color: var(--color8);
    }
    .black-deets .subpara p{
        color: var(--color8);
    }
    .black-deets .coursename p{
        color: var(--color8);
    }
    .product-details.black-deets .navigation li a{
        color: var(--color8);
    }
    .product-details{
        padding: 20px 0 0 0;
        box-shadow: none;
    }
    .product-details.black-deets .navigation li svg{
        color: var(--color8);
    }
    .pagecard-loweside .pricebox{
        width: 100%;
    }
    .fixedbuttons{
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 999;
        background: #fff;
        border-top: 1px solid var(--color1);
        padding-bottom: 5px;
    }
    .fixedbuttons .container{
        width: 95%;
        margin: 0 auto;
    }
    .pack-sub p{
        font-size: 12px;
        margin-top: 5px;
    }
    .packageimg{
        height: 110px;
    }
    .cardside{
        width: 100%;
    }
    .toprunning p{
        font-size: 12px;
    }
    .formwhitebg{
        width: 90%;
        background: #fff;
    }
    .formwhitebg .w50:nth-child(2){
        width: 100%;
    }
    .otpbox{
        width: 90%;
    }
    .formwhitebg .w50:nth-child(1){
        display: none;
    }
    .mainform .w80{
        width: 90%;
    }

    /* ***********dashboard********************* */
    .dashboxmain{
        flex-wrap: wrap;
    }
    .sidebar-box{
        width: 100%;
        height: auto;
    }
    .threeboxes .w33{
        width: 33.33%;
    }
    .logoutbutton.pc_hide{
        margin-left: 5%;
        border-radius: 5px;
        width: max-content;
        margin-top: 10px;
    }
    .fxdash{
        position: fixed;
        top: 0;
        left: -100%;
        z-index: 9999;
        height: 100vh;
        transition: .5s;
    }
    .sidebar-box{
        z-index: 9999;
    }
    .eightyside{
        width: 80%;
        float: left;
        height: calc(100% - 20px);
        overflow: auto;
        padding-bottom: 20px;
        background: #fff;
    }
    .dashblackside{
        display: block;
        width: 20%;
        float: left;
        background: rgba(0,0,0,0.5);
        height: 100%;
    }
    .fxdashtopb{
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .fxdashtopb .dashlogo{
        margin: 10px auto;
        width: 150px;
    }
    .dashcontent{
        width: 100%;
    }
    .dashboard-card{
        width: 100%;
    }
    .postdetails p{
        font-size: 14px;
    }
    .postedbyside{
        width: calc(100% - 20px);
    }
    .poppost{
        flex-wrap: wrap;
    }
    .poppost-postside{
        width: 100%;
        max-height: initial;
    }
    .forumfl .my30{
        width: 100%;
    }
    .forumfl{
        flex-direction: column-reverse;
    }
    .postdetails p{
        font-size: 12px;
    }
    .postcomments svg{
        height: 16px;
        width: 16px;
    }
    .addcomment{
        padding: 5px;
    }
    .postdetails{
        flex-wrap: wrap;
    }
    .walletfl .w50{
        width: 50%;
    }
    .transactionhead p{
        font-size: 12px;
    }
    .transactionhead .w20{
        width: 20%;
    }
    .transactionhead .w40{
        width: 40%;
    }
    .transactiondetail .w20{
        width: 20%;
    }
    .transactiondetail .w40{
        width: 40%;
    }
    .transactiondetail p{
        font-size: 11px;
    }
    .transsubtext p{
        font-size: 10px;
    }
    .topbar{
        display: none;
    }
    .coursesdashpage .textsside {
        width: 100%;
    }
    .dashheading li p{
        font-size: 14px;
    }
    .coursesdashpage .coursescat-normal ul{
        justify-content: flex-start;
    }
    .coursesdashpage .coursename p{
        font-size: 14px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        overflow: hidden;
    }
    .coursesdashpage .cousetags li{
        margin: 5px 5px 5px 0;
    }
    .coursescat-normal ul{
        justify-content: flex-start;
    }
    .forumpagebox .forum-card{
        flex-wrap:wrap;
    }
    .forumpagebox .forum-card .w5{
        width: 100%;
        padding: 10px 0 0 0 ;
    }
    .countside{
        flex-direction: row;
        width: 95%;
    }
    .userdashboard .countside{
        justify-content: center;
    }
    .forumpagebox .countside{
        justify-content: flex-start;
    }
    .postbox{
        width: 90%;
    }
    /* .forum-details{
        width: 80%;
    } */
    .otp-layer{
        width: 100%!important;
    }
    .otpmainbox div:nth-child(2) button{
        padding: 10px 20px;
    }
    .sign-flex{
        width: 100%;
    }
    .forumcreatebutton{
        position: fixed;
        bottom: 0;
        left: 0;
        background: #fff;
    }
    .forumpagebox{
        padding-bottom: 70px;
    }
    .validity li.actcat{
        background: var(--maincolor);
        color: #fff!important;
    }
    .validity li{
        margin: 0 10px 10px 0!important;
        padding: 5px 10px!important;
    }
    .hundredbutton ,.hundredbutnf{
        width: 100%!important;
    }
    .cart-items{
        width: 100%;
    }
    .cart .w35{
        width: 100%;
    }
    .cart-item-details{
        flex-wrap: wrap;
    }
    .cart-item .prod-name{
        margin: 10px auto;
    }
    .placebutton{
        /* position: fixed; */
        bottom: 0;
        left: 0;
        background: #fff;
        z-index: 999;
    }
    .placebutton button{
        width: 90%;
        margin: 0 5%;
    }
    .cart{
        padding: 10px 0;
    }
    .popmainbox{
        width: 90%;
    }
    .poplogbuttons{
        flex-wrap: wrap;
    }
    .addressbox{
        margin: 10px 1%;
    }
    .create-address{
        width: 98%;
        margin: 10px auto;
    }
    .checkout-box .w60{
        width: 90%;
        margin: 0 5%;
    }
    .checkout-box .w40 .float-right{
        margin: 0 5%;
    }
    .checkoutaddress{
        width: 100%!important;
        margin: 0 auto!important;
    }
    .payments{
        position: fixed;
        margin: 0 auto;
        width: 100%;
        bottom: 0;
        left: 0;
        background: #fff;
        padding: 10px 0;
        z-index: 999;
    }
    .orderporp{
        width: 90%;
    }
    .paynow button{
        width: 90%;
        margin: 0 5%;
    }
    .packagebox{
        padding: 20px 0;
        flex-wrap: wrap;
    }
    .packagebox .my30{
        width: 100%;
    }
    .packagebox .my30 .dashboard-card{
        width: 95%;
    }
    .profiles  .details{
        flex-wrap: wrap;
    }
    .details .ins input{
        width: calc(100% - 22px);
    }
    .tabs-top .tabsmain{
        padding: 10px 20px;
        font-size: 12px;
    }
    .tabsmain svg{
        height: 16px;
        width: 16px;
    }
    .profbx{
        width: 90%;
    }
    .profilebox {
        padding: 20px 0;
    }
    .tabs-top{
        margin: 10px auto 10px auto;
    }
    .walboxes{
        padding: 0 0 20px 0;
    }
    .walboxes .w25{
        width: 50%;
    }
    .walletfl{
        width: 100%;
    }
    .dashwhitebox  .w95{
        width: 100%;
    }
    .walletcard{
        width: 95%;
    }
    .walletamt p{
        font-size: 20px;
    }
    /* *********************chatbot******************** */
    .chatboxm{
        height: 100vh;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        border-radius: 0;
    }
    .cahttopsection{
        border-radius: 0;
        position: relative;
        z-index: 1;
        padding-top: 40px;
    }
    .fxchatnow{
        bottom: 10px;
        right: 10px;
    }
    .typechat{
        bottom: 0;
        width: 100%;
        right: 0;
    }
    .chatheads .chatlowerbox{
        max-height: calc(100vh - 180px);
    }
    .chatlowerbox{
        position: relative;
        z-index: 2;
    }
    .typechatflx{
        justify-content: space-around;
    }
    .closecht{
        position: absolute;
        top: 0;
        right: 0;
        font-size: 12px;
        color: var(--color8);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4px 10px;
        background: #fff;
        border-radius: 0px 0 0 10px;
    }
    .closecht svg{
        height: 16px;
        width: 16px;
        display: block;
    }
    .chatheads .cahttopsection{
        padding-top: 20px;
    }
    /* *********************chatbot end******************** */
    
    .dashcards .coursename p{
        font-size: 14px;
    }
    .cboxheadm p{
        font-size: 20px;
    }
    .cmboxmain{
        margin-bottom: 0;
    }
    .appbox .mainheading p{
        font-size: 25px;
    }
    .appbox .subtext p{
        font-size: 14px;
    }
    .appbutton{
        margin: 10px auto;
    }
    .downloadimgfbelow{
        width: 150px;
        height: auto;
    }
    .product-page .coursename p{
        font-size: 20px;
    }
    .forumimage{
        height: auto;
    }
    .dashboardcard .course-card{
        flex-wrap: wrap;
    }
    .dashboardcard .cousrse-details .w80{
        width: 80%;
    }
    .dashboardcard .cousrse-details .w20{
        width: 20%;
    }
    .forumtags ul{
        justify-content: center;
    }
    .forumtags li{
        width: max-content;
    }
    /* **********************ck content******************************* */
    .ck-content iframe{
        width: 100%;
        height: 300px!important;
    }
    .resultdataside{
        width: 100%;
    }
    .subres{
        flex-wrap: wrap;
        gap: 0 10px;
    }
    .submid{
        display: none;
    }
    .resultdataside .w90{
        width: 100%;
    }
    .subres p{
        width: 100%;
    }
    .resultfiltside{
        position: fixed;
        top: auto;
        left: 0;
        bottom: -100%;
        transition: .5s;
        height: 100vh;
        background: #fff;
        z-index: 9999;
        width: 100%;
        padding: 0;
    }
    .resultfilters {
        top: 20px;
    }
    .applyfilbutt  .w50{
        width: 50%;
    }
    .applyfilbutt button{
        padding: 8px 0;
        width: 100%;
        border: 0;
        border-radius: 5px;
        margin: 10px auto;
        font-size: 14px;
        font-weight: 500;
    }
    .applyfilbutt .w95{
        width: 95%;
    }
    .applybut{
        background: var(--maincolor);
        color: #fff;
    }
    .cancbut{
        background: var(--lightbg2);
    }
    .showfilters{
        height: 20px;
        width: 20px;
        color: var(--maincolor);
    }
    .socialspopbox{
        width: 90%;
    }
    .sectheadflx{
        flex-wrap: wrap;
    }
    .pathlist li{
        max-width: 250px;
    }
    .pathlist{
        width: 100%;
    }
    .tabonsprod li{
        font-size: 12px;
        padding: 5px 8px;
        white-space: nowrap;
    }
    .blacksfront{
        position: relative;
    }
    .founderbg{
        height: 20%;
    }
    .foundtop{
        margin-top: 20px;
    }
    .founderfront  .w70 .w90{
        width: 100%;
    }
    .livetag{
        position: fixed;
        top: auto;
        bottom: 120px;
        z-index: 999;
    }
    .notfidatabox{
        width: 100%!important;
        position: fixed;
        top: 0;
        right: 0;
        height: 100vh;
        z-index: 9999;
    }
    .notfdatabox{
        width: calc(100% - 4px);
        height: 100vh;
        border-radius: 0;
        padding-top: 35px;
    }
    .notfilistside{
        width: 100%!important;
    }
    .notfmbox{
        flex-wrap: wrap;
    }
    .closenotifmob svg{
        height: 20px;
        width: 20px;
        border-radius: 50%;
        padding: 10px;
        background: var(--color8);
        color: #fff;
    }
    .closenotifmob{
        position: fixed;
        z-index: 999999;
        top: 5px;
        right: 10px;;
    }
    .closepop{
        height: 30px;
        width: 30px;
    }
    .closepop svg{
        height: 20px;
        width: 20px;;
    }
    .blogsnty{
        width: 80%;
    }
    .blogs{
        padding-bottom: 25px;
    }
    .appdownload{
        padding-top: 0;
    }
    .booknt{
        width: 100%;
    }
    .answers-topbar ul{
        flex-wrap: wrap;
    }
    .bookmarkbox.bookpg .bookingflx{
        justify-content: flex-start;
    }
    .helppopbox{
        min-width: 80%;
        max-width: 80%;
    }
    .repotedbox{
        width: 90%;
        left: 2.5%;
        transform: translateX(0%);
    }
    .postbox .closePop{
        top: -47px;
        right: -8px;
    }
    .trsnty{
        width: 100%;
    }
    .orderstrackboxm{
        width: calc(90% - 40px);
    }
    .ordertrackbox button{
        padding: 10px;
    }
    .ordertrackbox form{
        display: flex;
        justify-content: space-between;
    }
    .ordertrackbox input{
        width: calc(100% - 128px);
    }
    .tracksearch{
        margin: 20px auto;
    }
    .catactsbox{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .changeside{
        padding: 5px 10px;
        font-size: 14px;
        background: var(--maincolor);
        color: #fff;
        border-radius: 30px;
    }
    .changeside a{
        text-decoration: none;
        color: #fff;
    }
    html{
        scroll-behavior: auto;
    }
    .popupboxcr{
        width: 90%;
    }
    .archivethis{
        margin-bottom: 5px;
    }
    .archflex{
        gap: 0;
    }
    .historypurbox{
        overflow: auto;
    }
    .prodbgblack{
        background: #fff;
        padding: 20px 0;
    }
    .socialsidemenu svg{
        fill: #fff!important;
        height: 25px!important;
        width: 25px!important;
    }
    .socialsidemenu li{
        margin-right: 0!important;
    }
    .whatsappbut a{
        padding: 10px;
    }
    .related-box .coursename p {
        font-size: 14px;
    }
    .browsebutton{
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px 0;
    }
    .uploadbox{
        width: 90%;
    }
    .uploadmbox{
        padding: 20px 0;
    }
    .uploadheading p,.browsebutton span{
        font-size: 14px;
    }
    .rightvidbuttons{
        width: 100%;
    }
    .rightvidbuttons a, .rightvidbuttons button{
        flex: 1;
    }
    .rightvidbuttons .nextbutton{
        width: 100%;
        white-space: nowrap;
    }
    .lsideassing, .rightvidbuttons{
        flex-wrap: wrap;
        position: fixed;
        bottom: 0;
        left: 0;
        background-color: var(--maincolor);
        padding: 10px;
        width: calc(100% - 20px);
    }
    .contentside{
        min-height: calc(100vh - 80px);
        display: block;
    }
    .chaticon{
        width: 50px;
        height: 50px;
    }
    .chaticon svg{
        width: 25px;
        height: 25px;
    }
    .videobox-vidpage{
        width: 96%;
    }
    .topsidecontent{
        margin-bottom: 10px;
    }
    .topnameside .backToCOurse {
        display: flex!important;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .topnameside .topmname{
        width: calc(100% - 60px);
    }
    .topflflex{
        width: calc(100% - 20px);
    }
    .contentside .videopage{
        margin-bottom: 40px;
    }
    .lsideassing .nextbutton{
        display: flex;
        flex:1;
    }
    .videopage{
        padding-bottom: 100px;
    }
    .dashcardsflex{
        grid-template-columns: repeat(1, 1fr);
    }
    .myCouseCard{
        width: calc(100% - 20px);
    }
}