@media only screen and (min-width: 320px) and (max-width: 570px) {
    
    .header-container .header-content{
        width: auto;
        max-width: none;
    }
    .header-logo img{
        width: 92px;
    }
    .search-container{
        display: none;
    }
    .menu-right .login-button{
        height: 32px;
        width: 100px;
        min-width: 0;
    }
    .header-container{
        height: 60px;
    }
    .scroll-sidebar-container{
        display: none;
    }
    .video-container-item{
        width: auto;
        max-width: none;
    }
    .user-avatar-circle img{
        width: 40px;
        height: 40px;
    }
    .video-content{
        margin-left: 56px;
    }
    .user_info{
        height: 26px;
    }
    .user-unique-id{
        font-size: 14px;
    }
    .user-unique-id svg{
        width: 12px;
        height: 12px;
    }
    .user-nickname{
        display: none;
    }
    .hashtag{
        font-size: 14px;
    }
    .music-info-wrap{
        font-size: 14px;
    }
    .follow-user{
        top: 6px;
    }
    .follow-user-btn{
        font-size: 14px;
        min-width: 78px;
        height: 26px;
    }
    .shareLink{
        width: 206px;
        top: -84px;
        right: 24px;
        left: unset;
    }
    .facebookLink{
        padding: 8px 10px;
    }
    .sharelayout-middle{
        width: 100%;
        padding: 22px 0px 0px 26px;
    }
    .layout-middle-content{
        padding-right: 0 !important;
    }
    .sharelayout-header{
        width: 100%;
    }
    .big-user-img img{
        width: 94px;
        height: 94px;
    }
    .share-title{
        font-size: 24px;
        line-height: 28px;
    }
    .sub-title{
        font-size: 15px;
        line-height: 20px;
    }
    .share-follow-btn{
        font-size: 16px;
        line-height: 20px;
        width: 162px;
        height: 33px;
        margin-top: 14px;
    }
    .user-number{
        font-size: 15px;
        margin-right: 19px;
    }
    .user-unit{
        font-size: 15px;
    }
    .user-count-info{
        margin-top: 20px;
    }
    .sharelayout-middle{
        padding: 35px 26px 35px 26px !important;
        width: 100% !important;
    }
    .sharelayout-header{
        padding-right: 0px !important;
    }
    .share-layout-main{
        width: 100%;
    }
    .active-vid{
        padding: 0 34px;
    }
    .like-vid{
        padding: 0 34px;
    }
    .video-tab{
        justify-content: space-around;
    }
    .video-feed-colum{
        width: 132px;
        height: 280px;
    }
    .video-vid img{
        width: 132px;
        height: 280px;
        object-fit: cover;
    }
    .ratio-padding{
        padding-top: 0;
    }
    .sound-title{
        font-size: 22px;
        line-height: 28px;
        padding-bottom: 0px;
    }
    .modal-body {
        width: 100%;
    }
    .login-sec-container{
        width: 100%;
    }
    .login-title-text{
        font-size: 26px;
    }
    .login-title-desc {
        font-size: 14px;
    }
    .login-sec-social {
        width: 100%;
    }
    .get-app-expand{
        display: none;
    }
    .bottom-top{
        display: none;
    }
    .user-video-big{
        flex-direction: column;
        position: absolute;
        height: auto;
    }
    .user-video-big-container{
        padding: 144px 0px;
        width: 100%;
    }
    .content-container{
        width: 100%;
        position: relative;
    }
    .muteBtn{
        right: 20px;
        left: unset;
    }
    .video-follow-user{
        top: 56px;
    }
    .video-user-btn{
        font-size: 16px;
        min-width: 100px;
        height: 30px;
    }
    .copy-link-container{
        width: 100%;
    }
    .video-login-container{
        padding: 0;
    }
    .action-wrap{
        margin-right: 10px;
    }
    .share-container{
        align-items: center;
    }
    .share-word{
        margin-bottom: 0;
    }
    .user-profile-info{
        height: auto;
    }
    .right-sidebar-container{
        display: none;
    }
    .transfer-money-btn{
        display: none;
    }
    .sub-header-container{
        margin-top: 60px;
    }
    .statement-content-container{
        grid-template-columns: none;
    }
    .statement-content{
        width: 80%;
        margin: 0 auto;
    }
    .card-sec-left{
        display: none;
    }
    .card-sec-right{
        width: 90%;
        margin: 0 auto;
    }
    .hashtag-sec-container{
        max-width: 100%;
        margin: 0;
    }
    .hashtag-sec-container-heading{
        padding: 0;
    }
    .hashtag-sec-container-heading-t{
        flex-wrap: wrap;
    }
    .hashtag-sec-container-heading-t-text h1{
        font-size: 26px;
        margin: 0;
    }
    .hashtag-sec-container-heading-b {
        padding-top: 14px;
    }
    .share-hash-btn{
        display: none;
    }
    
    .actionBtn 
    {   
        position: absolute;   
        /*width: 86%;   */
        top: 15px;
        margin: 0 0 0 30px; 
    }
    
    .actionBtn .next , .actionBtn .previous
    {
        visibility: hidden;
    }
}
@media only screen and (min-width: 571px) and (max-width: 700px) {
    .statement-content-container{
        grid-template-columns: repeat(2, 250px);
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (min-width: 701px) and (max-width: 850px) {
    .statement-content-container{
        grid-template-columns: repeat(3, 205px);
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (min-width: 851px) and (max-width: 1100px) {
    .statement-content-container{
        grid-template-columns: repeat(4, 190px);
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (min-width: 571px) and (max-width: 768px) {
    .header-container .header-content{
        width: auto;
        max-width: none;
    }
    .header-logo img{
        width: 92px;
        margin-right: 24px;
    }
    .menu-right .login-button{
        height: 32px;
        width: 100px;
        min-width: 0;
    }
    .header-container{
        height: 60px;
    }
    .header-content .search-input{
        padding: 8px 16px;
    }
    .header-content .search{
        width: 230px;
        font-size: 14px;
    }
    .scroll-sidebar-container{
        display: none;
    }
    .video-container-item{
        width: 525px;
    }
    .sharelayout-middle{
        padding: 35px 26px 35px 26px !important;
        width: 100%;
    }
    .sharelayout-header{
        padding-right: 0px !important;
        width: 100%;
    }
    .video-tab{
        justify-content: space-around;
    }
    .share-layout-main{
        width: 100%;
    }
    .layout-middle-conten{
        padding-right: 0 !important;
    }
    .user-video-big-container{
        width: 50%;
    }
    .content-container{
        width: 50%;
    }
    .copy-link-container {
        width: 100%;
    }
    .video-login-container{
        padding: 0;
    }
    .right-sidebar-container{
        display: none;
    }
    .card-sec-left{
        display: none;
    }
    .card-sec-right{
        width: 90%;
        margin: 0 auto;
    }
    .hashtag-sec-container{
        max-width: 100%;
        margin: 0;
    }
    .hashtag-sec-container-heading{
        padding: 0;
    }
    .hashtag-sec-container-heading-t{
        flex-wrap: wrap;
    }
    .hashtag-sec-container-heading-t-text h1{
        font-size: 26px;
        margin: 0;
    }
    .hashtag-sec-container-heading-b {
        padding-top: 14px;
    }
   
}
@media only screen and (min-width: 769px) and (max-width: 1050px) {
    .header-container .header-content{
        width: auto;
        max-width: none;
    }
    .scroll-sidebar-container{
        width: 30%;
    }
    .responsive-width-main{
        width: 70% !important;
    }
    .feed{
        width: 100%;
    }
    .video-container{
        width: 100%;
    }
    .video-container-item{
        width: auto;
        max-width: none;
    }
    .sound-title{
        font-size: 20px;
        line-height: 28px;
    }
    .layout-middle-content{
        padding-right: 0 !important;
    }
    .copy-link-container{
        width: 100%;
    }
    .video-login-containe{
        padding: 0;
    }
    .right-sidebar-container{
        display: none;
    }
}