@media only screen and (min-width: 500px) {           
  
  
            /* DISCUSSION  */
            .discussion_count {
                
                position: relative;
                display: inline-block;
                height: 30px;
                line-height: 30px;
                background-color: transparent;
                top: -10px;
                font-size: 15px;
                padding-left: 4px;
                padding-right: 4px;    
            }
            
            #pinfobox {
                
                
                width: 1408px;
                height: 0px;
                overflow: hidden;
                transition: 0.5s;
            }
            
            
            .help {
                
                width: 15px;
                height: 15px;
                position: relative;
                float: right;
                display: none;
                z-index: 505465465465;
                margin-right: 10px;
                margin-top: 2px;
                transition: 0.5s;
                
            }
            
            .help:hover {
                
                filter: brightness(70%);
                cursor: hand;
                
            }
            
            
            
            #asker {
                
                position: relative;
                display: inline-block;
                float: left;
                top: 0px;
                width: 1408px;
                height: 110px;
                
            }
            
            #askerhead {
                
                position: relative;
                display: inline-block;
                float: left;
                top: 0px;
                width: 1368px;
                height: 30px;
                line-height: 30px;
                text-align: right;
                padding-right: 20px;
                background-color: rgba(0,0,0,0.8);
                
            }
            
            #invitedhead {
                
                position: relative;
                display: inline-block;
                float: left;
                top: 0px;
                width: 1388px;
                height: 30px;
                line-height: 30px;
                text-align: CENTER;
                padding-left: 20px;
                background-color: rgba(45,45,45,1);
                
            }
            
            #authorlist {
                
               
                width: 1408px;
                height: 120px;
                
                background-color: rgba(255,255,255,1);
                 overflow-x: hidden;
              overflow-y: hidden;
            
              white-space: nowrap;
              scroll-behavior: smooth;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 0px;
                text-align: center;
                
                
            }
            
            .invitedbox {
                position: relative;
                display: inline-block;
                width: 176px;
                height: 120px;
                background-color: blue;
                float: left;
            }
            
            .invitedname {
                
                position: relative;
                display: block;
                width: 174px;
                height: 20px;
                line-height: 20px;
                top: 0px;
                padding-left: 1px;
                padding-right: 1px;
                background-color: rgba(0,0,0,0.5);
                
            }
            
            .invitedpic {
                
                position: relative;
                display: block;
                width: 176px;
                height: 100px;
                object-fit: cover;
            }
            
              
            
            
            
            
            .emptypic {
                
                position: relative;
                display: block;
                width: 176px;
                height: 120px;
                object-fit: cover;
                
                
            }
            
            .joininfo {
                
                position: relative;
                top: -120px;
            }
            
            .emptybox {
                position: relative;
                display: inline-block;
                width: 176px;
                height: 120px;
                background: url("subberblank.png");
                filter: brightness(70%);
            }
            
            #writtenby {
                
                width: 1108px;
                background-color: rgba(0,0,0,0.5);
                
            }
            
            .editback {
                
                position: relative;
                display: inline-block;
                float: left;
                background-color: black;
                width: 300px;
                height: 80px;
                opacity: ;
                
            }
            
            
            .inner_circle {
                
                backdrop-filter: brightness(30%) blur(2px);
                
            }
            
            
            #watch {
              
            display: block;
              float: left;
             background-color: rgba(177,18,38,0.7);
             color: white;
             font-size: 18;
             font-family: Times New Roman;
             width: 281.6px;
             height: 100px;
             opacity: 0.9;
             padding: 0;
            border: none;
            transition: 0.5s;
            
            
            
            }
            
            #watch:hover {
                
                background-color: rgba(177,18,38,1);
                cursor: hand;
                
            }
                
            
            
            #dismainimage {
                
                position: relative;
                display: inline-block;
                float: left;
                width: 800px;
                height: 240px;
                object-fit: cover;
                
            }
            
            #disinfobox {
                
                position: relative;
                display: inline-block;
                float: left;
                width: 608px;
                height: 240px;
                
                
                
            }
            
            
            .infopic {
                
                width: 50.5px;
                height: 50px;
                object-fit: cover;
                float: left;
                filter: brightness(80%);
                transition: 0.5s;
                
            }
            
            .noinfopic {
                
                width: 50.5px;
                height: 50px;
                object-fit: cover;
                float: left;
                filter: brightness(80%);
                transition: 0.5s;
                background-color: rgb(44,44,44);
                
            }
            
            
            .infopic:hover {
                
                filter: brightness(100%);
                cursor: hand;
                
            }
            
            .infohead1 {
                
                position: relative;
                display: inline-block;
                float: left;
                width: 304px;
                height: 30px;
                background-color: rgb(44,44,44);
                line-height: 30px;
            }
            
            .infohead2 {
                
                position: relative;
                display: inline-block;
                float: left;
                width: 304px;
                height: 30px;
                background-color: rgb(88,88,88);
                line-height: 30px;
            }
            
            .infobody1 {
                
                position: relative;
                display: inline-block;
                float: left;
                width: 304px;
                height: 50px;
                background-color: rgb(100,100,100);
                line-height: 50px;
                
            }
            
            .infobody2 {
                
                position: relative;
                display: inline-block;
                float: left;
                width: 304px;
                height: 50px;
                background-color: rgb(150,150,150);
                line-height: 50px;
                
            }
            
            #discussionbody {
                
                 position: relative;
                display: block;
                width: 1408px;
                height: auto;
                background-color: rgb(55,55,55);
                text-align: center;
                padding-top: 40px;
                overflow-x: hidden;
                
            }
            
            
            
            #innerbox {
                
                display: inline-block;
                position:relative;
                width: 1240px;
                margin-left: auto;
                margin-right: auto; 
                
                background-color: transparent;
                
            }
            
            
            
            
            .picbox {
                
                position: relative;
                display: inline-block;
                float: left;
                width: 70px;
                min-height: 100px;
                margin-top:;
            }
            
            .disspic {
                
                width:70px;
                height: 70px;
                object-fit: cover;
                
            }
            
            .authorbox {
                
                position:relative;
                display: inline-block;
                float: left;
                min-width: 20px;
                
                padding-left: 20px;
                padding-right: 20px;
                height: 30px;
                line-height: 30px;
                color: white;
                font-size: 20px;
                background-color: rgba(0,0,0,0.2);
                
                
            }
            
            .colorbox0 {
                
                height: 30px;
                width: 1150px;
                float: right;
            }
            
            .timebox {
                
                position:relative;
                display: inline-block;
                float: left;
                min-width: 20px;
                padding-left: 20px;
                padding-right: 20px;
                height: 30px;
                line-height: 30px;
                color: orange;
                background-color: rgba(22,22,22,0.6);
                
                
            }
            
            .blocknumbox {
                
                position:relative;
                display: inline-block;
                float: left;
                min-width: 20px;
                padding-left: 20px;
                padding-right: 20px;
                height: 30px;
                line-height: 30px;
                color: rgb(200,200,200);
                background-color: rgba(22,22,22,0.3);
                
                
            }
            
            
            .infobox {
                
                position:relative;
                display: inline-block;
                float: left;
                width: *%;
                height: 30px;
                background-color: rgba(22,22,22,0.3);
            }
            
            .textbox0 {
                
                position:relative;
                display: inline-block;
                float: left;
                width: 1130px;
                min-height: 23px;
                padding-top: 5px;
                padding-bottom: 5px;
                padding-left: 10px;
                padding-right: 10px;
                text-align: left;
                background-color: rgba(0,0,0,0.5);
                float: right;
                
            }
            
            .textbox1 {
                
                position:relative;
                display: inline-block;
                float: left;
                width: 1040px;
                min-height: 23px;
                padding-top: 5px;
                padding-bottom: 5px;
                padding-left: 10px;
                padding-right: 10px;
                text-align: left;
                background-color: rgba(0,0,0,0.5);
                float: right;
                
            }
            
            .textbox2 {
                
                position:relative;
                display: inline-block;
                float: left;
                width: 950px;
                min-height: 23px;
                padding-top: 5px;
                padding-bottom: 5px;
                padding-left: 10px;
                padding-right: 10px;
                text-align: left;
                background-color: rgba(0,0,0,0.5);
                float: right;
                
            }
            
            .dissbox0 {
                
                display: block;
                position:relative;
                width: 1240px;
                min-height: 70px;
                margin-bottom: 15px;
                float:left;
                
            }
            
            .dissbox1 {
                
                display: block;
                position:relative;
                width: 1150px;
                min-height: 70px;
                margin-bottom: 15px;
                float:right;
            }
            
            .dissbox2 {
                
                display: block;
                position:relative;
                width: 1060px;
                min-height: 70px;
                
                margin-bottom: 15px;
                float:right;
            }
            
            
            .reactbox0 {
                
                display: block;
                position: relative;
                width: 1150px;
                min-height: 30px;
                margin-left: 20px;
                float: right;
                margin-top: 5px;
                background-color: transparent;
            }
            
            .scorebox {
                
                display: inline-block;
                position: relative;
                width: 25px;
                height: 25px;
                float: left;
                font-size: 20px;
                
            }
            
            .upcomment {
                
                display: inline-block;
                position: relative;
                float: left;
                margin-right:10px;
                width: 25px;
                height: 25px;
                opacity: 0.7;
                
            }
            
            .downcomment {
                
                display: inline-block;
                position: relative;
                float: left;
                margin-right:10px;
                width: 25px;
                height: 25px;
                opacity: 0.7;
            }
            
            .upcomment:hover {
                
                 opacity: 1;
            }
            
            .downcomment:hover {
                
                 opacity: 1;
            }
            
            
            #addblock {
                display: block;
                position: relative;
                
                width: 1200px;
                min-height: 50px;
                
                padding: 20px;
                color: white;
                text-align: left;
                margin-left: auto;
                margin-right: auto;
                outline: none;
                background-color: rgba(0,0,0,0.5);
            }
            
            
            #nodiscuss {
                display: block;
                position: relative;
                
                
                width: 1200px;
                min-height: 50px;
                line-height: 50px;
                background-color: rgba(77,77,77,1);
                font-size: 20px;
                color: white;
                text-align: center;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 80px;
            }
            
            
            
            
            #submitbox {
                
                display: block;
                position: relative;
                
                width: 1408px;
                min-height: 50px;
                
                margin-bottom: 30px;
                margin-left: auto;
                margin-right: auto;
                
            }
            
            #sendblock {
                
                position: relative;
                float: right;
                width: 200px;
                height: 50px;
                color: white;
                background: black;
                border: 0px;
                font-size: 15px;
                top: 20px;
                transition: 0.5s;
                float: right;
                right: 89px;
            }
            
            #sendblock:hover {
                
                background: rgb(99,99,99);
                cursor: hand;
                
            }
            
            
            
            
            #addimage {
                
             display: inline-block;
             position: relative;
             float: left;
             width: 800px;
             height: 200px;
            
            }
            
            
            
            
            
            
            
            
            #similar_debates {
                
                position: relative;
                display: inline-block;
                float: left;
                width: 1408px;
                height: 235px;
                background-color: white;
                
            }
            
            
            
            
            
            .no_block {
                
                position: relative;
                float: left;
                display: inline-block;
                width: 352px;
                height: 235px;
                background: url("discusspics/0.jpg");
                overflow: hidden;
                background-size: cover;
                background-position: 50%;
                transition: 0.5s;
                
            }
            
            
            .similar_block {
                
                position: relative;
                float: left;
                display: inline-block;
                width: 352px;
                height: 235px;
                background: url("profilepics/0.jpg");
                overflow: hidden;
                background-size: cover;
                background-position: 50%;
                transition: 0.5s;
                
            }
            
            .similar_block:hover {
                
                opacity: 0.8;
                cursor: hand;
                
            }
            
            
            
            
            
            
            
            .disstitle {
                
             position: relative;
             display: block;
             top: -235px;
             float: left;
             width: 354.5px;
             height: 50px;
             background-color: rgba(0,0,0,0.5);
              z-index: 2;   
            }
            
            
            .profilepic {
                
                position: relative;
             display: inline-block;
             float: left;
             width: 30px;
             height: 30px;
             object-fit: cover;
                
            }
            
            .dissauthor {
                
             position: relative;
             display: inline-block;
            
             float: left;
             width: 264.5px;
             height: 30px;
             line-height: 30px;
             text-align: left;
             padding-left: 10px;
              z-index: 2;   
            }
            
            .dissaction {
                
             position: relative;
             display: inline-block;
             background-color: rgba(0,0,0,0.7);
             float: left;
             width: 294px;
             height: 20px;
             line-height: 20px;
             text-align: left;
             padding-left: 10px;
              z-index: 2;   
              font-size: 12px;
            }
            
            .dissmain {
                
              position: relative;
             display: block;
             float: left;
             top: -235px;
             width: 334.5px;
             height: 135px;
             
             text-align: left;
             padding: 10px;
             background-color: rgba(0,0,0,0.5);
              z-index: 2;     
              font-size: 25px;
                
            }
            
            .dissback {
                
                 display: inline-block;
                position: relative;
                float: left;
                width: 354.5px;
                height: 235px;
                object-fit: cover;
            }
            
            .disscat {
                
             position: relative;
             display: block;
             top: -235px;
             float: left;
             width: 354.5px;
             height: 30px;
             line-height: 30px;
             background-color: rgba(0,0,0,0.6);
             font-size: 13px;
              z-index: 2;   
            }
                
            
            .dissover {
                
                display: inline-block;
                position: relative;
                width: 354.5px;
                height: 235px;
                background-color: white;
                opacity: 0;
                transition: 0.5s;
                top: -470px;
                float: left;
                z-index: 5;
            }    
            
            .dissover:hover {
                
                
                opacity: 0.1;
                
            }    
            
            
            
            .artiorigipic {
                
             position: relative;
             display: block;
             float: left;
             width: 50px;
             height: 50px;   
             object-fit: cover;   
              z-index: 2;   
            }
            
            
            
}



 @media only screen and (max-width: 500px) {           
  
          
  
          #disinfobox {
                
                position: relative;
                display: inline-block;
                float: left;
                width: 100%;
                height: 240px;
                
                
                
            }
            
            
            #asker {
                
                position: relative;
                display: inline-block;
                float: left;
                top: 0px;
                width: 100%;
                
            }
            
            #askerhead {
                
                position: relative;
                display: inline-block;
                float: left;
                top: 0px;
                width: 100%;
                height: 30px;
                line-height: 30px;
                text-align: center;
                background-color: rgba(0,0,0,0.8);
                
            }
            
            #discussionbody {
                
                 position: relative;
                display: block;
                width: 100%;
                height: auto;
                background-color: rgb(55,55,55);
                text-align: center;
                padding-top: 40px;
                overflow-x: hidden;
                
            }
            
            
             #addblock {
                display: block;
                position: relative;
                
                width: 90%;
                min-height: 50px;
                
                color: white;
                text-align: left;
                margin-left: auto;
                margin-right: auto;
                outline: none;
                background-color: rgba(0,0,0,0.5);
            }
            
            
            #nodiscuss {
                display: block;
                position: relative;
                
                
                width: 80%;
                padding-top: 20px;
                padding-bottom: 20px;
                padding-left: 5%;
                padding-right: 5%;
                background-color: rgba(77,77,77,1);
                font-size: 15px;
                color: white;
                text-align: center;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 80px;
            }
            
            
            
            #invitedhead {
                
                position: relative;
                display: inline-block;
                float: left;
                top: 0px;
                width: 100%;
                height: 30px;
                line-height: 30px;
                text-align: CENTER;
                background-color: rgba(45,45,45,1);
                
            }
            
            
            #banners {
              
              position: relative;
              display: inline-block;
              height: 90px;
              
            }
            
            
            #dismainimage {
                
                position: relative;
                display: inline-block;
                float: left;
                width: 100%;
                height: 240px;
                object-fit: cover;
                
            }
            
            #disinfobox {
                
                position: relative;
                display: inline-block;
                float: left;
                width: 100%;
                height: 240px;
                
                
                
            }
            
            
            
             .infohead1 {
                
                position: relative;
                display: inline-block;
                float: left;
                width: 50%;
                height: 30px;
                background-color: rgb(44,44,44);
                line-height: 30px;
            }
            
            .infohead2 {
                
                position: relative;
                display: inline-block;
                float: left;
                width: 50%;
                height: 30px;
                background-color: rgb(88,88,88);
                line-height: 30px;
            }
            
            .infobody1 {
                
                position: relative;
                display: inline-block;
                float: left;
                width: 50%;
                height: 50px;
                background-color: rgb(100,100,100);
                line-height: 50px;
                
            }
            
            .infobody2 {
                
                position: relative;
                display: inline-block;
                float: left;
                width: 50%;
                height: 50px;
                background-color: rgb(150,150,150);
                line-height: 50px;
                
            }
            
            
            .emptypic {
                
                position: relative;
                display: none;
                width: 176px;
                height: 120px;
                object-fit: cover;
                
                
            }
            
            
            #similar_debates {
                
                
                display: none;
                
            }
            
            
            
            #writtenbypic {
                display: inline-block;
                float: right;
                width: 100%;
                height: 60px;
                right: 0px;
                object-fit: cover;
            }
            
            #writtenby {
                
                display: inline-block;
                position: relative;
                width: 100%;
                height: 80px;
                background-color: rgba(0,0,0,0.5);
                line-height: 20px;
                font-size: 11px;
            }
            
            .editbox {
                
                margin:0px;
                
            }
            
            
            
            #authorlist {
                
               
                width: 100%;
                
                background-color: rgba(255,255,255,1);
                 overflow-x: hidden;
              overflow-y: hidden;
            
              white-space: nowrap;
              scroll-behavior: smooth;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 0px;
                text-align: center;
                
                
            }
            
            
            .joininfo {
                
                position: relative;
                top: -120px;
                height: 120px;
               
            }
            
            
            
            .invitedbox {
                position: relative;
                display: inline-block;
                width: 100%;
                height: 120px;
                background-color: blue;
                float: left;
            }
            
            
            
            .invitedname {
                
                position: relative;
                display: block;
                width: 100%;
                height: 20px;
                line-height: 20px;
                top: 0px;
                padding-left: 1px;
                padding-right: 1px;
                background-color: rgba(0,0,0,0.5);
                
            }
            
            .invitedpic {
                
                position: relative;
                display: block;
                width: 100%;
                height: 100px;
                object-fit: cover;
            }
            
            
            
            #keywords {
            
            display: block;
            position: relative;
            float: left;
            width: 98%;
            padding-right: 2%;
            min-height: 30px;
            line-height: 30px;
            text-align: right;
            background-color: rgb(33,33,33);
            margin-bottom: 0px;
            
        }
        
        
        
        #addblock {
                display: block;
                position: relative;
                
                width: 82%;
                min-height: 50px;
                
                padding-left: 4%;
                padding-right: 4%;
                padding-top: 10px;
                padding-bottom: 10px;
                color: white;
                text-align: left;
                margin-left: auto;
                margin-right: auto;
                outline: none;
                background-color: rgba(0,0,0,0.5);
            }
            
            
        #sendblock {
                
                position: relative;
                float: right;
                width: 100%;
                height: 30px;
                color: white;
                background: black;
                border: 0px;
                font-size: 15px;
                transition: 0.5s;
            }
            
            #sendblock:hover {
                
                background: rgb(99,99,99);
                cursor: hand;
                
            }
            
            
            
            .blocknumbox {
                
                position:relative;
                display: inline-block;
                float: left;
                min-width: 20px;
                padding-left: 10px;
                padding-right: 20px;
                height: 30px;
                line-height: 30px;
                color: rgb(200,200,200);
                font-size: 11px;
                line-height: 20px;
                
            }
            
  
 }