/* @media only screen and (max-width: 1200px) {
}
            
@media only screen and (max-width: 992px) {
} */
            
@media only screen and (max-width: 768px) {
    main{
        margin: 3vh 0;
    }
    .content{
        width: 70%;
    }
    .main-text{
        padding: 30px;
    }
    .right-button {
        width: 140px;
        height: 140px;
    }
    .like-button, .dislike-button {
        width: 95px;
        height: 95px;
    }
    .view-eye {
        width: 45px;
        height: 45px;
    }
    .view-number {
        font-size: 33px;
    }
    .footer {
        margin-top: -10px;
    }
}
            
@media only screen and (max-width: 480px) {
    main{
        margin: 1vh 0;
    }
    .backuserall {
        margin-top: -30px;
    }
    .icon-all {
        width: 15px;
        height: 15px;
    }
    p.text-number {
        font-size: 12px;
    }
    #theme {
        max-width: 70px;
    }
    .user-all {
        height: 30px;
    }


    .content{
        width: 95%;
        border-radius: 80px;
    }
    .main-text{
        padding: 35px;
        font-size: 20px;
    }
    .right-button {
        width: 100px;
        height: 100px;
    }
    .like-button, .dislike-button {
        width: 70px;
        height: 70px;
    }
    .button-number{
        font-size: 25px;
    }
    .view-eye {
        width: 35px;
        height: 35px;
    }
    .view-number {
        font-size: 25px;
    }

    .footer-logo{
        width: 250px;
    }
    .footer-img {
        width: 160px;
    }
    .text-w, .text-c {
        font-size: 18px;
        line-height: 20px;
        text-align: center;
    }
    .text-w{
        width: 250px;
    }
    .github, .tg-group {
        width: 40px;
    }
    .text-ref{
        font-size: 12px;
    }
    .footer-color {
        height: 200px;
    }
}
            
@media only screen and (max-width: 320px) {
    p.text-number {
        font-size: 10px;
    }

    .content {
        border-radius: 60px;
    }
    .main-text{
        padding: 30px;
        font-size: 17px;
    }
    .view-eye {
        width: 30px;
        height: 30px;
    }
    .view-number {
        font-size: 22px;
    }
    .like-button, .dislike-button {
        width: 60px;
        height: 60px;
    }
    .button-number {
        font-size: 22px;
    }
    .right-button {
        width: 80px;
        height: 80px;
    }

    .footer-logo{
        width: 200px;
    }
    .footer-img{
        width: 130px;
    }
    .footer-color {
        height: 170px;
    }
    .text-w, .text-c {
        font-size: 16px;
        line-height: 20px;
        text-align: center;
    }
    .text-w{
        width: 200px;
    }
    .github, .tg-group {
        width: 30px;
    }
    .text-ref{
        font-size: 10px;
    }
}