.animate {

    opacity: 0;


    }
    @media screen and (min-width: 1025px) {

       .out{
           display: none;
       }
    }

    @media screen and (max-width: 800px) {

    .prog,
    .text-orange {
    width: 60%;

    }

    .pp {
    width: 1200px;

    }
    }

    input[type='radio']:checked {
    background: green;
    }

    select[multiple]:hover option:hover {
        background-color: orange;

    }

    .privacy:hover {
        background-color: orange;

    }
    .discprivacy:hover {
        background-color: orange;

    }
    .likeprivacy:hover {
        background-color: orange;
    }
    .battleprivacy:hover {
        background-color: orange;
    }

  body,html{

  min-width: 280px;

  }
    

@media screen and (max-width:280px) {

.col-8{
max-width: 121.666667%;
flex: 1066.666667%;
}
.hh{
display: none;
}
.pollpoll{
margin-left:-42px;
margin-top: 3px;

}
.pollpoll img{
margin-left:5px;

}
.discdisc{
margin-left:80px;
margin-top: -45px;

}
.discdisc img{
margin-left:25px;
}
.likelike{
margin-left: -44px;
margin-top: 15px;
}
.likelike img{
margin-left:35px;

}
.battlebattle img{
margin-left:15px;

}
.battlebattle{
margin-left: 5px;
margin-top: 15px;
}
.mt-4, .my-4 {
margin-top: 1.5rem!important;
margin-left: -60px;

}
.col-3 {
-ms-flex: 25%;
flex: 25%;
max-width: 140%;
}
.details i.fa-camera{
position: absolute;
top: 9px;
right: -37px;
margin-left: 122px;
}
.details i.fa-video-camera {
position: absolute;
top: 9px;
right: -10px;
margin-left: 122px;
}
.details .form-control {
border: 1px solid var(--border);
padding: 13px 15px;
border-radius: 3px;
width: 160%;
margin-left: -45px;
}
.details .fa-plus {
right: -55px;
}
.details .form-group span {
left: -41px;
}
.d-flex {
margin-left: -15px;
margin-top: 15px;
}
.col-5 {
margin-left: 45px;
}
.dropdownMenuOption{
margin-left:-60px;
}


.custom-control {
min-height: 3.5rem;

}
.fa-close{
margin-left: 163px;
margin-top:-100px;
}
.content .section-option h3 {
display:block; 
font-size: 1.30rem;
margin-left: 5px;
}
.post .social i {
margin-right: 43px;

}
.boxing{

margin-left:-54px;
}
.timeview{
margin-left:31px;
}
.cc{
margin-left:15px;
}
.ss{
margin-left:-20px;
}
.mr-4, .mx-4 {
margin-right: -0.5rem!important;
}
.prog,.text-orange {
    width: 53%;

    }
.progress {
width: 210%;
}
.heading{
margin-left:-17px;
}
.section-page .custom-file-label {
width: 127%;
margin-left: -24px;

}
.edit-page .camra img {
margin-left: -12px;
}
.upload-text{
display:none;
}
.battel .section-page .custom-file-label {
width: 143%;
margin-left: -13px;
height: 87px;
margin-top: -43px;
}
}



@media (max-width:320px) and (min-width:281px) {

    .col-3 {
        -ms-flex: 0 0 25%;
        flex: 1 0 48%;
        max-width: 91%;
    }
  .col-8{
      max-width: 121.666667%;
      flex: 1066.666667%;
      }
      .hh{
      display: none;
      }
      .pollpoll{
      margin-left:-50px;
      margin-top: 3px;
      
      }
      .pollpoll img{
      margin-left:5px;
      margin-top: 10px;
      
      }

      .discdisc{
      margin-left: -130px;
      margin-top: 13px;
  }
  .discdisc img{
      margin-left: 26px;
  }
      .likelike{
      margin-left: 99px;
      margin-top: -42px;
      }
      .likelike img{
      margin-left:35px;
      
      }
      .battlebattle img{
      margin-left:15px;
      
      }
      .battlebattle{
      margin-left:47px;
      margin-top: 15px;
      }
      .mt-4, .my-4 {
      margin-top: 1.5rem!important;
      margin-left: -36px;
      
      }
      .details i.fa-camera{
      position: absolute;
      top: 9px;
      right: -37px;
      margin-left: 122px;
      }
      .details i.fa-video-camera {
      position: absolute;
      top: 9px;
      right: -10px;
      margin-left: 122px;
      }
      .details .form-control {
      border: 1px solid var(--border);
      padding: 13px 15px;
      border-radius: 3px;
      width: 146%;
      margin-left: -45px;
      }
      .details .fa-plus {
      right: -55px;
      }
      .details .form-group span {
      left: -41px;
      }
      .d-flex {
      margin-left: -5px;
      margin-top: 8px;
      }
      .col-5 {
      margin-left: 45px;
      }
      .dropdownMenuOption{
      margin-left:-60px;
      }
      
      
      .custom-control {
      min-height: 3.5rem;
      
      }
      .fa-close{
      margin-left: 98px;
      margin-top:35px;
      }
      .content .section-option h3 {
      display:block; 
      font-size: 1.30rem;
      margin-left: 5px;
      }
      .post .social i {
      margin-right: 45px;
      
      }
      .boxing{
      
      margin-left:-54px;
      }
      .timeview{
      margin-left:31px;
      }


      .cc{
      margin-left:15px;
      }
      .ss{
      margin-left:-20px;
      }
      .mr-4, .mx-4 {
       margin-right: 31px;
      }
      .prog,.text-orange {
            width: 53%;
      
            }
      .progress {
      width: 139%;
      }
      .heading{
      margin-left:-17px;
      }
      .section-page .custom-file-label {
      width: 127%;
      margin-left: -24px;
      
      }
      .edit-page .camra img {
      margin-left: -12px;
      }
      .upload-text{
      display:none;
      }
      .battel .section-page .custom-file-label {
      width: 127%;
      margin-left: -13px;
      height: 87px;
      margin-top: -43px;
      }

      }

@media (max-width:360px) and (min-width:321px) {

         div .recent{
             width: 60%;
         }
        .col-8{
            max-width: 121.666667%;
            flex: 1066.666667%;
            }
            .hh{
            display: none;
            }
            .pollpoll{
            margin-left:-50px;
            margin-top: 3px;
            
            }
            .pollpoll img{
            margin-left:5px;
            margin-top: 10px;
            
            }
      
            .discdisc{
            margin-left: -11px;
            margin-top: 13px;
        }
        .discdisc img{
            margin-left: 26px;
        }
            .likelike{
            margin-left: -11px;
            margin-top: 15px;
            }
            .likelike img{
            margin-left:35px;
            
            }
            .battlebattle img{
            margin-left:15px;
            
            }
            .battlebattle{
            margin-left:196px;
            margin-top: -43px;
            }
            .mt-4, .my-4 {
            margin-top: 1.5rem!important;
            margin-left: -36px;
            
            }
            .details i.fa-camera{
            position: absolute;
            top: 9px;
            right: -37px;
            margin-left: 122px;
            }
            .details i.fa-video-camera {
            position: absolute;
            top: 9px;
            right: -10px;
            margin-left: 122px;
            }
            .details .form-control {
            border: 1px solid var(--border);
            padding: 13px 15px;
            border-radius: 3px;
            width: 137%;
            margin-left: -45px;
            }
            .details .fa-plus {
            right: -55px;
            }
            .details .form-group span {
            left: -41px;
            }
            .d-flex {
            margin-left: -5px;
            margin-top: 8px;
            }
            .col-5 {
            margin-left: 45px;
            }
            .dropdownMenuOption{
            margin-left:-60px;
            }
            
            
            .custom-control {
            min-height: 3.5rem;
            
            }
            .fa-close{
            margin-left: 240px;
            margin-top:-100px;
            }
            .content .section-option h3 {
            display:block; 
            font-size: 1.30rem;
            margin-left: 5px;
            }
            .post .social i {
            margin-right: 32px;
            
            }
            .boxing{
            
            margin-left:-54px;
            }
            .timeview{
            margin-left:31px;
            }
            b, strong {
                margin-left: -2px;
            }
      
            .cc{
            margin-left:15px;
            }
            .ss{
            margin-left:-20px;
            }
            .mr-4, .mx-4 {
             margin-right: 31px;
            }
            .prog,.text-orange {
                  width: 53%;
            
                  }
            .progress {
            width: 139%;
            }
            .heading{
            margin-left:-17px;
            }
            .section-page .custom-file-label {
            width: 127%;
            margin-left: -24px;
            
            }
            .edit-page .camra img {
            margin-left: -12px;
            }
            .upload-text{
            display:none;
            }
            .battel .section-page .custom-file-label {
            width: 127%;
            margin-left: -13px;
            height: 87px;
            margin-top: -43px;
            }
            .col-3 {
                flex: 0 0 25%;
                max-width: 43%;
            }
            
            }
@media (max-width:1024px) and (min-width:641px) {
    

                .col-3 {
                    flex: 0 0 25%;
                    max-width: 44%;
                }
               .col-8{
                   max-width: 121.666667%;
                   flex: 1066.666667%;
                   }
                   .pollpoll{
                   margin-left:-50px;
                   margin-top: 3px;
                   
                   }
                   .pollpoll img{
                   margin-left:5px;
                   margin-top: 10px;
                   
                   }
             
                   .discdisc{
                   margin-left: -25px;
                   margin-top: 13px;
               }
               .discdisc img{
                   margin-left: 26px;
               }
                   .likelike{
                   margin-left: -19px;
                   margin-top: 15px;
                   }
                   .likelike img{
                   margin-left:35px;
                   
                   }
                   .battlebattle img{
                   margin-left:15px;
                   
                   }
                   .battlebattle{
                   margin-left:69%;
                   margin-top: -44px;
                   }
                   .mt-4, .my-4 {
                   margin-top: 1.5rem!important;
                   margin-left: -36px;
                   
                   }
                   .details i.fa-camera{
                   position: absolute;
                   top: 9px;
                   right: -37px;
                   margin-left: 122px;
                   }
                   .details i.fa-video-camera {
                   position: absolute;
                   top: 9px;
                   right: -10px;
                   margin-left: 122px;
                   }
                   .details .form-control {
                   border: 1px solid var(--border);
                   padding: 13px 15px;
                   border-radius: 3px;
                   margin-left: -45px;
                   }
                   .details .fa-plus {
                   right: -55px;
                   }
                   .details .form-group span {
                   left: -41px;
                   }
                   .d-flex {
                   margin-left: -5px;
                   margin-top: 8px;
                   }
                   .col-5 {
                   margin-left: 45px;
                   }
                   .dropdownMenuOption{
                   margin-left:-60px;
                   }
                   
                   
                   .custom-control {
                   min-height: 3.5rem;
                   
                   }
                   .fa-close{
                   margin-left: 240px;
                   margin-top:-100px;
                   }
                   .content .section-option h3 {
                   display:block; 
                   font-size: 1.30rem;
                   margin-left: 5px;
                   }
                   .post .social i {
                   margin-right: 30%;
                   
                   }
                   .boxing{
                   
                   margin-left:-54px;
                   }
                   .timeview{
                   margin-left:31px;
                   }
                   b, strong {
                       margin-left: -2px;
                   }
             
                   .cc{
                   margin-left:15px;
                   }
                   .ss{
                   margin-left:-20px;
                   }
                   .mr-4, .mx-4 {
                    margin-right: 31px;
                   }
                   .prog,.text-orange {
                         width: 53%;
                   
                         }
                   .progress {
                   width: 89%;
                   }
                   .heading{
                   margin-left:-17px;
                   }
                   .section-page .custom-file-label {
                   width: 127%;
                   margin-left: -42px;
                   
                   }
                   .edit-page .camra img {
                   margin-left: 31px;
                   }

                   .battel .section-page .custom-file-label {
                   width: 122%;
                   margin-left: -22px;
                   height: 87px;
                   margin-top: -43px;
                   }
                   }
@media (max-width:640px) and (min-width:361px) {

                    .col-3 {
                        flex: 0 0 25%;
                        max-width: 44%;
                    }
                   .col-8{
                       max-width: 121.666667%;
                       flex: 1066.666667%;
                       }
                       .hh{
                       display: none;
                       }
                       .pollpoll{
                       margin-left:-50px;
                       margin-top: 3px;
                       
                       }
                       .pollpoll img{
                       margin-left:5px;
                       margin-top: 10px;
                       
                       }
                 
                       .discdisc{
                       margin-left: -25px;
                       margin-top: 13px;
                   }
                   .discdisc img{
                       margin-left: 26px;
                   }
                       .likelike{
                       margin-left: -19px;
                       margin-top: 15px;
                       }
                       .likelike img{
                       margin-left:35px;
                       
                       }
                       .battlebattle img{
                       margin-left:15px;
                       
                       }
                       .battlebattle{
                       margin-left:69%;
                       margin-top: -44px;
                       }
                       .mt-4, .my-4 {
                       margin-top: 1.5rem!important;
                       margin-left: -36px;
                       
                       }
                       .details i.fa-camera{
                       position: absolute;
                       top: 9px;
                       right: 10%;
                       margin-left: 122px;
                       }
                       .details .fa-plus {
                        right: -15%;
                    }
                       .details i.fa-video-camera {
                       position: absolute;
                       top: 9px;
                       right: -10px;
                       margin-left: 122px;
                       }
                       .details .form-control {
                       border: 1px solid var(--border);
                       padding: 13px 15px;
                       border-radius: 3px;
                       width: 119%;
                       margin-left: -45px;
                       }
                       .details .fa-plus {
                       right: -55px;
                       }
                       .details .form-group span {
                       left: -41px;
                       }
                       .d-flex {
                       margin-left: -5px;
                       margin-top: 8px;
                       }
                       .col-5 {
                       margin-left: 45px;
                       }
                       .dropdownMenuOption{
                       margin-left:-60px;
                       }
                       
                       
                       .custom-control {
                       min-height: 3.5rem;
                       
                       }
                       .fa-close {
                        display: none;
                    }
                       .content .section-option h3 {
                       display:block; 
                       font-size: 1.30rem;
                       margin-left: 5px;
                       }
                       .post .social i {
                       margin-right: 30%;
                       
                       }
                       .boxing{
                       
                       margin-left:-54px;
                       }
                       .timeview{
                       margin-left:31px;
                       }
                       b, strong {
                           margin-left: -2px;
                       }
                 
                       .cc{
                       margin-left:15px;
                       }
                       .ss{
                       margin-left:-20px;
                       }
                       .mr-4, .mx-4 {
                        margin-right: 31px;
                       }
                       .prog,.text-orange {
                             width: 53%;
                       
                             }
                       .progress {
                       width: 89%;
                       }
                       .heading{
                       margin-left:-17px;
                       }
                       .section-page .custom-file-label {
                       width: 119%;
                       margin-left: -42px;
                       
                       }
                       .edit-page .camra img {
                       margin-left: -12px;
                       }
                       .upload-text{
                       display:none;
                       }
                       .battel .section-page .custom-file-label {
                       width: 111%;
                       margin-left: -12px;
                       height: 87px;
                       margin-top: -43px;
                       }
                       }
 @media (max-width:1024px) and (min-width:641px) {

                        .details .form-control {
                            width: 108%;
                        }
                        .hh{
                            display: none;
                        }
                        .fa-close {
                            margin-left: 357px;
                            margin-top: -96px;
                        
                        }
                        .section-page .custom-file-label {
                            width: 100%;
                            margin-left: -12px;
                        }
                        .battel .section-page .custom-file-label {
                            width: 100%;
                            margin-left: -8%;
                            height: 88px;
                            margin-top: -29px;
                        
                       }
                       .details i.fa-camera{
                        position: absolute;
                        top: 9px;
                        right: 6%;
                        margin-left: 50%;
                        }
                        .details i.fa-video-camera {
                        position: absolute;
                        top: 9px;
                        right: 0%;
                        margin-left: 50%;
                        }
                        .details .fa-plus {
                            right: -10%;
                        }
                        .fa-close {
                            margin-top: -96px;
                        }
                        .post .social i {
                            margin-right: 7%;
                        }
                       
                        }