#searchbar{
  display: flex;
  margin: auto;
}

.user-name .coment-profile img{
  border-radius: 4px;
  margin-right: 20px;
}
.user-name .comment-date-name{
  border: 2px solid #e5ecf4;
  background-color: #fbfbfb;
  border-radius: 4px;
  padding: 10px 20px;
  position: relative;
  overflow: visible;
}
.user-name .comment-date-name h4.name{
  font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    color: #384047;
    margin-bottom: 0px;
    display: inline-block;
}
.user-name .comment-date-name p.date{
  font-size: 13px;
    color: #9e9e9e;
    margin-left: 15px;
    margin-bottom: 0px;
    display: inline-block;
}
.user-name .comment-date-name .copy{
  font-size: 14px;
  line-height: 20px;
  color: #384047;
  font-weight: 500;
  margin:0;
}

body{ background-color: #e4e4e4 !important;
  font-family: 'Montserrat', sans-serif;
}

.nav-custom-container{
  margin-bottom: 36px;

  background-color: #314555 !important;
}

.btn-info {

    color: #212529;

    background-color: #ffffff;

    border-color: #666666;

}



.btn-info:hover {

    color: #fff;

    background-color: #666666;

    border-color: #666666;

}



.material-icons .text-info {

    color: #666666 !important;

}



.file-drop-area {

    position: relative;

    display: flex;

    align-items: center;

    max-width: 100%;

    padding: 10px;

    border: 1px dashed #666666;

    border-radius: 3px;

    transition: .2s

}



.choose-file-button {

    flex-shrink: 0;

    background-color: #666666;

    border: 1px solid #666666;

    color: #fff;

    border-radius: 3px;

    padding: 8px 15px;

    margin-right: 10px;

    font-size: 12px;

    text-transform: uppercase

}



.file-message {

    font-size: small;

    font-weight: 300;

    line-height: 1.4;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.file-input {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    cursor: pointer;

    opacity: 0

}



.divImageMedia {

    padding-top: 10px;

    max-height: fit-content;

}



.btn-danger {

    color: #ffffff !important;

}



/* .btn-danger:hover {

    color: #DC3545 !important;

    background-color: #ffffff !important;

    border-color: #DC3545;

} */









/* ================================sushil css ============================ */

.logo_sec a{

    text-decoration: none;

    font-weight: 700;

    font-size: 30px;

  }



  .main-sec{

    border-radius: 4px;

    word-break: break-word;

    background: var(--newRedditTheme-body);

    /* border: var(--newRedditTheme-line); */

    border: 1px solid #a9a7a7;

  }

.card-padding{

  color: var(--newCommunityTheme-actionIcon);

  fill: var(--newCommunityTheme-actionIcon);

  padding: 8px 0 0 40px;

  position: relative;

  transition: color .5s,fill .5s;

}

.left-part{

  width: 64px;

  border-left: 4px solid transparent;

  align-items: center;

    box-sizing: border-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    left: 0;

    /* padding: 8px 4px 8px 0; */

    position: absolute;

    top: 30px;

}

.arrow-up-down{

  align-items: center;

    display: -ms-flexbox;

    display: flex;

    fill: inherit;

    -ms-flex-direction: column;

    flex-direction: column;

}

.arrow{

  height: 45px;

    width: 45px;

    background: transparent;

    border: none;

    color: inherit;

    cursor: pointer;

    padding: initial;

}

.arrow-img{

  border-radius: 2px;

  cursor: pointer;

  color: var(--newCommunityTheme-actionIcon);

  display: inline-block;

    overflow: hidden;

    height: 24px;

    width: 24px;

    font-size: 16px;

    line-height: 24px;

}

.icons-sec{

  line-height: 24px;

  position: relative;

  font-size: 20px;

  font-weight: 400;

  height: 20px;

  line-height: 20px;

  vertical-align: middle;

  width: 20px;

}

.up-icon{

  line-height: 24px;

    position: relative;

}



.nuber_sec{

  margin: 4px 0;

  /* margin-left: 16px;

    margin-top: 16px; */

  font-size: 20px;

}

.main-content{

  display: flex;

}

.sub-content{

  display: flex;

  flex-direction: column;

    width: 100%;

    flex: 1;

}

.sub-content p{

  margin-bottom: 0;

}

.post-title{

  font-size: 12px;

    font-weight: 400;

    line-height: 16px;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -ms-flex-align: start;

    align-items: start;

    margin: 8px 8px 8px;

    position: relative;

    color: var(--newCommunityTheme-actionIcon);

    fill: var(--newCommunityTheme-actionIcon);

}

.post-title p{

  font-size: 16px;

  font-weight: 600;

}

.discription{

  --postTitle-VisitedLinkColor: #9b9b9b;

  --postTitleLink-VisitedLinkColor: #9b9b9b;

  margin: 4px 25px 4px 8px;

}

.discription p{

  text-align: justify;

}

.comment-sec{

  margin: 0 8px 8px;

    word-break: normal;

    display: flex;

}

i.custom {font-size: 6em; color: green;}

.nav-link .logo {

    border: 1px #666666;

    border-radius: 50%;

    float: left;

    overflow: hidden;

    width: 50px;

    height: 50px;

}

.nav-link .user {

  float: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin-left: 10px;
  margin-top: 6px;
  width: 60px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 10px;

}

.custome-size-top{
  margin-top: 36px !important;
}

.line{

  width: 17px;

}

.image-left{

  padding: 8px 16px 0;

}

.post-img{

  border: 1px #a9a7a7;

  border-radius: 10px;

  width: 200px;

  max-width: 200px;

  object-fit: contain;

  /* height: 125px; height of container */

  height: 128px;

  /* object-fit: cover;

  object-position: 20% 10%; */

  padding: 5px;

}

.discounted-price{

  font-weight: 800;

  font-size: 16px;

  color: #2ed87b;

  margin-bottom: 0;
}

.original-price{

  text-decoration: line-through;

    margin-left: 10px;

    font-size: 16px;

    font-weight: 400;

    color: #d84523;
}

/* .discount{

margin-left: 10px;

font-size: 16px;

} */

.discount {
  color: #fff;
  font-size: 15px;
  margin-left: 11px;
  height: 50px;
  width: 50px;
  padding: 0 11px;
  /* line-height: 48px; */
  /* text-align: center; */
  /* display: block; */
  /* position: absolute; */
  z-index: 1;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 999px;
  background-color: #ff3100;
  border: 1px dashed #fff;
  -webkit-box-shadow: 0 0 0 2px #ff3100;
  box-shadow: 0 0 0 2px #ff3100;
}

.comment-btn{

  margin-left: 30px;

}

.comment-btn a{

  background: #314555;

  color: #dee2e6 !important;

  border: 1px solid #a9a7a7;

  padding: 4px 20px;

  border-radius: 8px;

  text-decoration: none;

  color: #212529;  

  margin-left: 2px;

}

.comment-count{

  position: absolute;

  margin: 0 10px;

}

.comment-box{

  position: relative;

}

.up-arrow{

  font-size: 46px;

}

.down-arrow{

  font-size: 46px;

}

.post-profile{

  font-size: 13px;

  font-weight: 500;

  display: flow-root;

  right: 4px;
top: -5px;
  position: absolute;

}

.user-name{

  font-size: 13px;

  font-weight: 500;

  display: flow-root;

}

.user-name a{

  text-decoration: none;

  color: #212529 !important;

}

.user-img{

 width: 30px; 

 height: 30px; 

 border-radius: 100%;

}

.link-website span{

  width: 10px;

  margin: 0 8px 8px;

}

.main-card{

  margin-bottom: 20px;

}

.navbar-brand{

  font-weight: bolder;

}

.text-info {

  color: #666666 !important;

}

/* Custom CSS for scrollbar */

body::-webkit-scrollbar {

  width: .75em;

}

 

body::-webkit-scrollbar-track {

  background: transparent;

}

 

body::-webkit-scrollbar-thumb {

  background: #666666 !important;

  border-radius: 4px;

}



.single-discounted-price{

  font-weight: 800;
  font-size: 16px;
  color: #2ed87b;
  margin-bottom: 0;
}

.single-original-price{

  text-decoration: line-through;
    margin-left: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #d84523;

}

.single-discount{

  margin-left: 10px;
  z-index: 1;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 999px;
  background-color: #ff3100;
  border: 1px dashed #fff;
  -webkit-box-shadow: 0 0 0 2px #ff3100;
  box-shadow: 0 0 0 2px #ff3100;
  color: #fff;
  font-size: 15px;
  margin-left: 11px;
  height: 50px;
  width: 50px;
  padding: 0 11px;
}

.cust-right-align.dropdown-toggle::before{
  display: inline-block !important;
  margin-left: 0.255em !important;
  vertical-align: 0.255em !important;
  content: "" !important;
  border-top: 0.3em solid !important;
  border-right: 0.3em solid transparent !important;
  border-bottom: 0 !important;
  border-left: 0.3em solid transparent !important;
  /* position: absolute; */
  right: -7px;
  top: 10px;
  /* text-align: right; */
  float: right;
  position: relative;
}

.single-deal-title{

  font-weight: 800;

}



.single-comment-btn{

  margin-top: 20px;

}

.single-comment-btn a{

  background: #314555;
  color: #dee2e6 !important;
  border: 1px solid #a9a7a7;
  padding: 4px 20px;
  border-radius: 8px;
  text-decoration: none;
  color: #212529;
  margin-left: 2px; 

}

.single-deal

{

  display: inline-block; 

  /* position: relative; 

  top: 18px; */

}



a{

  text-decoration:none !important;

  color:#000 !important;

}

.quotted-comment{

  background-color: #DFDFDF;

  border-radius: 5px;

  font-size: 14px;

  font-weight: 800;

  padding: 5px 15px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.comment-date-name .quotted-comment p{
  display: block;
}

.quotted-comment p:first-child::before{
  content: open-quote;
  padding-right: 5px;
}
.quotted-comment p:last-child::after{
  content: close-quote;
  padding-left: 5px;
}

.single-deal-image{

  max-width: fit-content;

}

.single-deal-image img{

  border-radius: 5px;

  max-width:100%;

  max-height:100%;

}

.single-deal-desp{

  padding: 10px;

}



.mce-notification{

  display: none;

}

.tox-notifications-container{

  display: none;

}

.custom-editor-wrapper {

  border: 1px solid #ccc;

  padding: 4px;

  border-radius: 4px;

  box-shadow: 0 3px 0px -1px rgba(0, 0, 0, .05);

}

.mce-container {

  border: 0px !important;

}



.tox.tox-tinymce.tox-tinymce--toolbar-bottom {

  border: none;

}

.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary, .tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child {

  border-top: none !important;

}

/* .search-bar{

  align-items: center;

} */

.uper-menu{
  padding: 0.5rem 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.left-menu > div{

  margin-right: 10px;

}

.material-icons-outlined{

  cursor: pointer;

}

.right-menu button{

  float: right;

  background-color: #2ed87b !important;
}

.gray-dropdown{

  background: #fff;

  color: #666;

  border: 1px solid #666666;

}

.gray-btn{

  background: none;

}

.gray-btn:hover {

  color: #fff;

  background-color: #2ed87b;

  border-color: #2ed87b;

}

.bootstrap-select>.dropdown-toggle {

  width: fit-content !important;

}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {

  width: fit-content !important;

}



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

  .user-name{

    font-size: 14px;

    font-weight: 500;

    display: flex;

    /* width: 102px; */

  }

  .post-title p, .post-title span{

    font-size: 12px;

  }

  .post-title a{

    max-width: 550px;

  }

  .discription {

    margin: 10px 25px 4px 8px;

}


.navbar .container{
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
}
/* .navbar-nav {
  width: 80% !important;
    margin-right: 41px !important;
} */
#searchbar{
  width: auto;
  margin-top: 0;
}
#searchbar .form-control{
  width: auto;
}
/* .search-bar{
  width: 30% !important;
} */
li.dropdown {
  padding-top: 0 !important;
}
.nav-link .user {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
}
.left-menu {
  flex-direction: row;
  flex-wrap: wrap;
}
}
@media screen and (max-width: 767px){
  .post-title a{
    max-width: 100%;
    width: 100%;
  }
  .discr-div, .price-div{
    width: 100% !important;
  }
  .post-profile{
    position: relative;
    margin-top: 18px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 480px){
  .discrp-main{
    display: block !important;
  }
  .price-div img{
    display: none;
  }
  .price-div{
    margin-top: 18px;
  }
  .single-deal-image img{
    max-width: 75%;
    height: 100% !important;
  }
}
@media screen and (max-width: 360px){
  #searchbar .form-control {
    width: 100%;
}
}



/*========================= faq pag css ======================== */

h1 {

  margin: 60px 0;

}



.accordion__item {

  padding: 20px;

  margin-bottom: 20px;

  border: 1px solid #f2f2f2;

  border-radius: 4px;

  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);

}

.accordion__body {

  display: none;

  padding-top: 10px;

}

.accordion__body p {

  margin-bottom: 0;

}

.accordion__title {

  font-size: 18px;

  cursor: pointer;

  margin-bottom: 0;

  position: relative;

}

.accordion__title:after {

  content: "";

  width: 20px;

  height: 20px;

  position: absolute;

  right: 0;

  top: 0;

  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABlUlEQVRIS72V6zEEQRSFv81ABogAESADIiADRIAIEAEiQASIABmQgQyor+rerZ7enp71Y92qqZrpxznnPmfGim22YnyWITgGdoHteNT0Hs8j8NQT2SM4AK6AjQkvP4EzQLIFGyO4Bk7i9Bfg90uodllv9oBTYD3OeUaigbUISnAv+N0zSfRUuwnS+fmawLA8xO5OoXiqFvToLQ4dluGqCYynLi+jvCZNT8TYzM2SwGq5BYz5VGLHPEqBcy9KgjvgqFJ/ETn4HkFci2K4jP304h5Q8KAPrO0tIGMv+HnkYR+oSQR/joqSwPOZC7HEGRD8hIr0SgBLU1IvlCQl+EeUbAoY4JQhqgnka5G4nsprcPdGCeoQZdhrkmy0FniGyD3fByFqJblF4loL3PVukrPJBnVcVE964pJjolVZ3TL14lSjSaK1wFP9oI/+fVSorhx2qnKA9exPwy6BShLD5vdrNa79CQmeY2VhktZVVKs06QLnvB/zwphL9KcfTgkmkY91bVdnmdo3gjaBE2CZf/JECvrbKyf4BdpXaxkir2UhAAAAAElFTkSuQmCC") no-repeat;

  background-size: 20px;

}

.accordion__title.active {

  color: #2b9fdf;

}

.accordion__title.active:after {

  transform: rotate(-180deg);

}



/*========================= faq pag css end ======================== */



/* ===================contact form css start================ */

.contact-form h1{

  margin: 20px 0;

  font-weight: bold ;

}

/* ===================contact form css end================ */



.nav-pills .nav-link.active, .nav-pills .show > .nav-link {

  color: #fff !important;

  background-color: #666666;

}

.accordion__title.active {

  /* font-weight: bold; */

  color: #000000;

}



.customloader{

  position: fixed;

  top: 0;

  left: 0;

  text-align:center;

  margin-left: 0;

  margin-top: 0;

  z-index:2;

  overflow: auto;

  background-color:rgba(0,0,0,0.3);

  height:100vh;

  width:100%;

  display:flex;

  justify-content:center;

  align-items:center;

}



.page-link {

  color: #666666 ;

}



.page-item.active .page-link {

  background-color: #666666;

  border-color: #666666;

}



.page-link:hover {

  z-index: 2;

  color: #666666;

  text-decoration: none;

  background-color: #e9ecef;

  border-color: #dee2e6;

}



.text-primary {

  color: #666666 !important;

}



.ajax-load{

  background: #e1e1e1;

}



.expire-wrapper {

  position: relative;

  width: 100%;

}



.expire-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 99;

  background-color: #C2C2C2;

  opacity: 0.65;

}

.about-header{

  font-size: 38px;

  font-weight: 800;

}

















/* ====================================about us page css strt====================================================== */





.section_all {

  position: relative;

  padding-top: 80px;

  padding-bottom: 80px;

  min-height: 100vh;

}

.section-title {

  font-weight: 700;

  text-transform: capitalize;

  letter-spacing: 1px;

}



.section-subtitle {

  letter-spacing: 0.4px;

  line-height: 28px;

  max-width: 550px;

}



.section-title-border {

  background-color: #000;

  height: 1 3px;

  width: 44px;

}



.section-title-border-white {

  background-color: #fff;

  height: 2px;

  width: 100px;

}

.text_custom {

  color: #666666;

}



.about_icon  {

  font-size: 22px;

  height: 65px;

  width: 65px;

  line-height: 77px !important;

  display: inline-block;

  background: #fff;

  border-radius: 35px;

  color: #666666;

  box-shadow: 0 8px 20px -2px rgba(158, 152, 153, 0.5);

}



.about_header_main .about_heading {

  max-width: 450px;

  font-size: 24px;

}



.about_icon span {

  position: relative;

}



.about_content_box_all {

  padding: 28px;

}



/* ====================================about us page css end====================================================== */













/* ========================rules css start============================= */



.rules h1, h2 {

  /* color: #cf4f4f; */

}



.rules h1 {

  text-transform: uppercase;

  font-family: 'Roboto', sans-serif;

  font-size: 36px;

  line-height: 42px;

  letter-spacing: 3px;

  font-weight: 100;

}



.rules h2 {

  font-size: 26px;

  line-height: 34px;

  font-weight: 300;

  letter-spacing: 1px;

  display: block;

  /* background-color: #1a191a; */

  margin: 0;

  cursor: pointer;

}

.rules p {

  color: rgba(0, 0, 0, 0.8);

  font-size: 17px;

  line-height: 26px;

  letter-spacing: 1px;

  position: relative;

  overflow: hidden;

  max-height: 1200px;

  opacity: 1;

  transform: translate(0, 0);

  margin-top: 14px;

  z-index: 2;

}



.rules ul {

  list-style: none;

  perspective: 900;

  padding: 0;

  margin: 0;

}

.rules ul li {

  position: relative;

  padding: 0;

  margin: 0;

  padding-bottom: 4px;

  padding-top: 18px;

  border-top: 1px solid #cf4f4f;

}

.rules ul li:nth-of-type(1) {

  animation-delay: 0.5s;

}

.rules ul li:nth-of-type(2) {

  animation-delay: 0.75s;

}

.rules ul li:nth-of-type(3) {

  animation-delay: 1s;

}

.rules ul li:last-of-type {

  padding-bottom: 0;

}

.rules ul li i {

  position: absolute;

  transform: translate(-6px, 0);

  margin-top: 16px;

  right: 0;

}

.rules ul li i:before, ul li i:after {

  content: "";

  position: absolute;

  background-color: #cf4f4f;

  width: 3px;

  height: 9px;

}

.rules ul li i:before {

  transform: translate(-2px, 0) rotate(45deg);

}

.rules ul li i:after {

  transform: translate(2px, 0) rotate(-45deg);

}

.rules ul li input[type=checkbox] {

  position: absolute;

  cursor: pointer;

  width: 100%;

  height: 100%;

  z-index: 5;

  opacity: 0;

}

.rules ul li input[type=checkbox]:checked ~ p {

  margin-top: 0;

  max-height: 0;

  opacity: 0;

  transform: translate(0, 50%);

}

.rules ul li input[type=checkbox]:checked ~ i:before {

  transform: translate(2px, 0) rotate(45deg);

}

.rules ul li input[type=checkbox]:checked ~ i:after {

  transform: translate(-2px, 0) rotate(-45deg);

}



@keyframes flipdown {

  0% {

    opacity: 0;

    transform-origin: top center;

    transform: rotateX(-90deg);

  }

  5% {

    opacity: 1;

  }

  80% {

    transform: rotateX(8deg);

  }

  83% {

    transform: rotateX(6deg);

  }

  92% {

    transform: rotateX(-3deg);

  }

  100% {

    transform-origin: top center;

    transform: rotateX(0deg);

  }

}



.ewlink {

  text-decoration: none;

  color: #ff6873;

}

.display-comment .user-name{

  display: flex;

}

.comment-setting{

  position: absolute;
  top: 8px;
  right: 8px;

}

.comment-setting p{

  margin-top: 2px;

  margin-right: 5px;

}

.coment-profile a{

  margin-right: 10px;

}

.comment-date-name{

  width:100% ;

}

.comment-date-name p{ 

  display: grid;

}

#editcomment{

  text-align: end;

}

/* ========================rules css end============================= */

.ection_all p{

  font-size: 17px;

}

#comments_tab .user-name p{

  margin-left: 10px;

  display: grid;

}

#comments_tab .user-name {

  display: flex;

  padding-left: 10px;

}

#reply .material-icons{

  transform: rotate(180deg);
  top: 8px;
  position: relative;
  color: rgb(102 102 102 / 60%);
  line-height: 0;

}

.quotted-comment p {

  margin-bottom: 0;

}

.comment-2 {

 margin-top: 10px;

 padding-left: 10px;

  

}

.comment-2 p{

  margin-bottom: 0px;

   

 }

 /* #comment_content_1{

   padding-left: 10px;

 } */

 #reply{

  background: #f4f4f4;
  border: 1px solid #e5ecf4;
  padding: 7px 12px;
  margin-top: 19px;
  display: inline-block;
  border-radius: 4px;

 }

 /* .comments-sec{

   padding-left: 10px;

 } */

 .post-title-inner {

   flex-direction: column;

 }

 .discr-div{

   width: 75%;

 }

 .price-div{

   width: 100%;

 }

 html {

  scroll-behavior: smooth;

}

#navbarDropdown img{

  border-radius: 50px;

}

.rounded-circle {

  border-radius: 50% !important;

}

.discrp-main{

  width: auto;

  display: flex;

}
.comment-2 a, .comments-sec a, .quotted-comment a{
  color: blue !important;
}

.comments-sec p{
  font-size: 14px;
  margin-bottom: 0px;
  margin-top: 10px;
}
.voteone{
  display: none;
}

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

  .discrp-main {

    width: 80%;

}

.price-div {

  width: 100%;

}
.nav-custom-container {
  margin-bottom: 36px;
  padding: 0 10px;
  background-color: #314555 !important;
}
.container {
  width: 1170px !important;
}
}

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

.main-content {
    display: flex;
    flex-direction: column;
}
.navbar-expand-md {
    flex-flow: row nowrap !important;
    justify-content: flex-start !important;
}

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

  .discrp-main {

    width: 75%;

}



.discr-div {

  width: 38%;

}

.main-content {

    display: flex;

    flex-direction: column;

}
.price-div {
  width: auto;
}
 }
 @media screen and (max-width: 767px){
  .single-deal-image img {
    height: 192px;
  }
  .single-deal-image{
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
  }
  /* .post-profile {
    top: -27px;
  }    */
  .container {
    width: auto !important;
  }
  .voteone {
    display: inline-block;
    margin-right: 12px;
}
  .votetwo{
    display: none;
  }
 
 }
 @media screen and (max-width: 425px){

  .main-content{

    flex-direction: column;

   }

   .post-img {

    border: 1px #a9a7a7;

    border-radius: 10px;

    width: 100%;

    max-width: 100%;

    object-fit: contain;

    height: 192px;

    padding: 5px;

}

.sub-content{

  padding: 8px 16px 20px;

}

.discription {

  margin: 4px 0px 4px 0px;

}

.discr-div {

  width: 80%;

}

/* .post-title a {

display: grid;} */
.post-title{
  margin: 0px 0;

}
.line{
  display: none;
}
.left-menu{
      flex-direction: row;
    flex-wrap: wrap;
}
.left-menu > div {
    margin-bottom: 10px;
}
.comment-sec{
  display: flex;
  flex-direction: column;
}
.comment-btn{
  margin-left: 0;
}

.single-edit-div{
  padding-top: 10px;
}

 }

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

   .left-menu{

     flex-direction: column;

   }

   .dropdown{

     margin-bottom: 10px;

   }

 }



 .dropdown-toggleup::after{

  display: inline-block;

  margin-left: 0.255em;

  vertical-align: 0.255em;

  content: "";

  border-left: 0.3em solid transparent;

  border-right: 0.3em solid transparent;

  border-bottom: 0.3em solid;

 }
 .navbar-light .navbar-nav .nav-link {
  color: #fff !important;
}
.dropdown-item {
  color: #fff !important;
}


#userReport h1{
  margin: 20px 0px;
}

.files-td {
  display: block;
}