@media only screen and (max-width: 600px) {
    html,body{
        margin: 0px !important;
        padding: 0px !important;
    }
    .bottomcolor{
        width: 100% !important;
    }
    .listcontent .shareprofilebtn{
        width: 100% !important;
    }
    .shareprofilebtn{
        margin-right: auto;
    }
    .search{
        width: 100%;
    }
    .loginrow{
        flex-direction: column !important;
    }
    .logindiv .loginleft {
        width: 100% !important;
    }

    .loginright{
        display: hide;
    }
    .hideondesktop{
        display: block;
    }
    .graphviewscover{
        flex-direction: column;
    }
    #graphviewovertime{
        width: 100%;
    }
    .graphviews {
        width: 100%;
        margin-top: 3%;
        height: 13vh;
        padding: 3%;
    }
    .mt3mobile{
        margin-top: 3%;
    }
    .graphviewsth{
        padding: 3%;
    }
    .pt15mobile{
        padding-top: 1.5% !important;
    }
    .graphviewcontenttopmem .col-md-8{
        width: 70%;
    }
    .thirdgraphcover{
        flex-direction: column;
    }
    .pt6onmobile{
        padding-top: 6%;
    }
    .graphpviewovertime{
        width: 100%;
    }
    .headgraphviewsth .col-md-12{
        width: 100%;
    }
    .sharewidth{
        width: 33%;
    }
    .headgraphviewsth .col-md-12 .d-flex .col-md-3{
        width: 50% !important;
    }
    .headgraphviewsth .col-md-4{
        width: 60% !important;
    }
    .graphviewcontenttopmem .col-md-4{
        width: 60% !important;
    }
    .graphviewcontenttopmem .col-md-3{
        width: 50% !important;
    }
    .graphviewssec{
        width: 100% !important;
        margin-bottom: 3%;
    }
    .graphviewsth{
        width: 100% !important;
        margin-bottom: 3%;
        height: 100%;
    }
    .secondgraphcover{
        flex-direction: column;
    }
    #reportranges{
        display: none;
    }
    .pr-6mobile{
        padding-right: 6%;
    }
    .mmobile0{
        margin: 0px !important;
    }
    .w300{
        width: 300px !important;
    }
    .sendandexportbox{
        bottom: 0%;
        width: 80% !important;
    }
    .headpopup {
        flex-direction: column;
        margin-bottom: 5%;
    }
    .rowpic{
        flex-direction: column;
    }
    .popupaddlinks{
        top: 2%;
        height: auto;
        width: 86% !important;
    }
    .mt4{
        margin-top: 4%;
    }
    .plonmobile{
        padding-left: 1% !important;
    }

    .shareprofilebtns {
        margin-right: auto;
    }
    .mt30{
        margin-top: 22% !important;
    }
    #reportrange{
        width: 240px;
        margin-top: 3%;
        display: none;
    }
    .rightmemberhead{
        flex-direction: column;
    }
    .popuplinksinfo{
        top: 2%;
        height: 72vh;
        width: 80vw;
        padding: 5%;
    }
    .h80{
        height: 100% !important;
    }
    .linkssocial{
        height: 69%;
    }
    .insidephonepreview{
        width: 100%;
        padding-bottom: 13% !important;
    }
    .itemcontact{
        width: 48%;
        align-items: center;
    }
    .itemcontact span{
        line-height: 3vh !important;
    }
    .pre-profileimg{
        width: 25vw;
        height: 25vw;
    }
    .logouttext{
        display: none;
    }
    .timepreview{
        left: 23%;
        top: 4vh;
    }
    .rowmember{
        flex-direction: column;
    }
    .memberheader{
        flex-direction: column;
    }
    .items{
        width: 100%;
    }
    .rightmemberhead{
        width: 100%;
        align-items: center;
    }
    .search input{
        padding: 0.375rem 0.75rem;
    }
    .memberheader{
        height: auto;
    }
    .shareprofiletext{
        display: none;
    }
    .toggle-2{
        display: none;
    }
    .lastlogintext{
        display: none;
    }

    .subsidebar ul li i{
        font-size: 22px;
    }
    .dropdownsub{
        margin-left: auto;
    }
    .subsidebar{
        padding-top: 2%;
        text-align: center;
    }
    .subsidebar ul{
        display: inline-flex;
        padding-top: 0%;
    }
    .subsidebar ul li{
        width: 40px;
    }
    .leftmembercontent{
        height: auto;
    }
    .colorcircle{
        width: 22px;
        height: 22px;
    }
    .profiletext{
        padding-top: 21% !important;
    }
    .lealisth{
        height: 60vh !important;
    }
    .aboutcontent{
        height: 100vh !important;
        padding-bottom: 10%;
    }
    #table_wrapper {
        height: 55vh !important;
    }
    .membercontent{
        margin:0px;
        background-color: transparent;
        padding-bottom: 0%;
        height: 100vh;
        padding-left: 5%;
    }

    .listcontent .selectbtn{
        margin-top: 25px;
    }
    .contentrecents span{
        line-height: 2.5vh;
    }
    .maindashboardinsights{
        margin: 0px;
        padding-bottom: 20% !important;
    }
    .maindashboard{
        height: 100vh;
        margin: 0px;
        padding-bottom: 0px !important
    }
    .graphviewssec{
        height: 55vh;
       overflow: hidden;
    }

    .bgwhitemobile{
        background-color: white !important;
    }
    .search input{
        width: 90%;
    }
    .coveraboutcontent{
        background-color: white;
        padding: 2%;
        overflow: auto !important;
        height: 55vh;
    }
    .rightmembercontent{
        margin-top: 7%;
    }
    .mobilecontainer{
        width: 69%;
        min-height: 395px;
    }
    .abouthead{
         margin-top: 0%;
    }
    .centermembercontent{
        width: 100%;
    }
    .popupaddlinkseditmail{
        width: 90% !important;
    }
    .leftmemberheadsub{
        width: 90%;
    }
    .previewmobilecover{
        height: auto;
        padding-left: 10%;
        padding-right: 10%;
        padding-bottom: 10%;
    }
    .hideonmobile{
        display: none;
    }

    .w100mobile{
        width: 100% !important;
    }
    .profilebox{
        width: 26vw;
        height: 26vw;
    }
    .profilecoversection{
        flex-direction: column-reverse;
    }
    .profilepicturesection {
        width: 50%;
        margin-top: 14%;
    }
    .vh27{
        height: 27vh !important;
    }
    .flexcolumnmobile{
        flex-direction: column;
    }
    #copybtn{
        margin-top: 5%;
    }

    .justflexshareable{
        flex-direction: column;
    }
    .listmenu{
        display: none;
    }
    .mainsidebar img{
        height: 50px !important;
    }

    .mainsidebar ul{
        padding-top: 30%;
    }

    .mainsidebar ul li{
        text-align: center;
    }
    .mainsidebar ul li i {
        font-size: 24px;
        height: 40px;
    }
    .ibanner{
        height: 26vh !important;
    }
    .iprofileimg{
        width: 40vw !important;
        height: 40vw !important;
        top: 13% !important;
    }
    .introtext .itexttitle{
        padding-top: 20% !important;
    }

    ::-webkit-scrollbar {
        -webkit-appearance: none !important;
    }
  }

  @media only screen and (min-width: 700px) and (max-width: 1100px)  {
    #shareableid{
        content: '' !important;
    }
    .listcontent .shareprofilebtn{
        width: 100% !important;
    }
    .w-80onsmalldesk{
        width: 80% !important;
    }
    .pt6onmobile{
        width: 50%;
    }
    .covermobileimg{
        height: 450px !important;
    }
    .mobilecontainer .exchangebtn{
        width: 120px !important;
    }
    .mobilecontainer {
        min-height: 370px !important;
    }
    .rowmember .items{
        width: 47%;
    }
    .listhead.col-md-1{
        width: 20%;
    }
    .listcontent.col-md-1{
        width: 20%;
    }
    .graphviewscover{
        flex-wrap: wrap;
    }
    .graphviews{
        width: 47%;
        margin-top: 2%;
    }
    .secondgraphcover{
        flex-direction: column;
    }
    .graphviewssec{
        width: 100% !important;
        margin-top: 2%;
    }
    .listhead.col-md-3{
        width: 30%;
    }
    .listcontent.col-md-3{
        width: 30%;
    }
    .popupaddlinks{
        width: 80% !important;
    }
    .hideontablet{
        display: none;
    }
    .search{
        display: none;
    }

    .previewmobilecover{
        padding-left: 15%;
        padding-right: 15%;
    }


    }
    @media only screen and (min-width: 1100px) and (max-width: 1300px)  {

        .listcontent .shareprofilebtn{
            width: 100% !important;
        }
        .w-80onsmalldesk{
            width: 70% !important;
        }
        .search input{
            width: 300px;
        }

    }

    @media only screen and (min-width: 1300px) and (max-width: 1579px)  {

        .listcontent .shareprofilebtn{
            width: 100% !important;
        }

    }
    @media only screen and (min-width: 1580px) {
       .previewmobilecover .covermobileimg{
        height: 600px !important;
       }
       .mobilecontainer{
        min-height: 490px !important;
       }
       .listcontent .shareprofilebtn{
        width: 100% !important;
    }
    }