/*-------reels_box---------*/
.reels_box
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 0px;
}
.reels_box.reels_box_3 .reels_box_con .reels_box_single
{
  width: 33.3333%;
}
.reels_box.reels_box_2 .reels_box_con .reels_box_single
{
  width: 50%;
}
.reels_box.reels_box_4 .reels_box_con .reels_box_single
{
  width: 25%;
}
.reels_box.reels_box_5 .reels_box_con .reels_box_single
{
  width: 25%;
}
.reels_box.reels_box_5 .reels_box_con .reels_box_single
{
  width: 20%;
}


.reels_box .reels_box_con
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.reels_box .reels_box_con 
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.reels_box .reels_box_con .reels_box_single
{
  position: relative;
  float: left;
  width: 16.6666%;
  box-sizing: border-box;
  padding: 4px 5px;
}
.reels_box .reels_box_con .reels_box_single:hover
{
  background: #e9e9e9;
}

.reels_box .reels_box_con .reels_box_single .reels_box_single_con
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  background: white;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  cursor: pointer;
}
.reels_box .reels_box_con .reels_box_single .reels_box_single_con .reel_like_comment
{
  position: absolute;
  float: left;
  width: 100%;
  top: 0%;
  box-sizing: border-box;
  padding: 5px 10px;
  padding-bottom: 65px;
  z-index: 10;
  font-size: 8pt;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  color: white;
  background: linear-gradient(180deg, #ad0000 1%, rgba(255, 255, 255,0)100%);
}
.reels_box .reels_box_con .reels_box_single .reels_box_single_con .reel_like_comment alt
{
  width: 33.3333%;
  float: left;
  text-align: center;
  box-sizing: border-box;
}
.reels_box .reels_box_con .reels_box_single .reels_box_single_con .reel_like_comment alt.comment
{
  /*float: right;*/
}
.reels_box .reels_box_con .reels_box_single .reels_box_single_con .reel_views
{
  position: absolute;
  float: left;
  width: auto;
  bottom: 20%;
  box-sizing: border-box;
  padding: 2px 10px;
  z-index: 10;
  background: linear-gradient(45deg, #320065, #fb9b34);
  font-size: 9pt;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  color: white;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}



.reels_box .reels_box_con .reels_box_single .reels_box_single_con .reel_title .reel_creator
{
  position: relative;
  float: left;
  padding: 2px 2px;
  box-sizing: border-box;
  width: 100%;
}
.reels_box .reels_box_con .reels_box_single .reels_box_single_con .reel_title .reel_creator img
{
  position: relative;
  float: none;
  width: 35px;
  height: 35px;
  padding: 1px 1px;
  border:1px solid White;
  border-radius: 50px;
  vertical-align: middle;
  box-sizing: border-box;
  background: white;
}
.reels_box .reels_box_con .reels_box_single .reels_box_single_con .reel_title .reel_creator img.verified
{
  background: white;
  border:2px solid #ad0000;
}

.reels_box .reels_box_con .reels_box_single .reels_box_single_con .reel_title .reel_creator span
{
  position: relative;
  float: none;
  width: auto;
  vertical-align: middle;
  box-sizing: border-box;
  font-size: 8.5pt;
}
.reels_box .reels_box_con .reels_box_single .reels_box_single_con .reel_title .reel_creator span svg
{
  position: relative;
  float: none;
  width: auto;
  vertical-align: middle;
  box-sizing: border-box;
  font-size: 8.5pt;
}

.reels_box .reels_box_con .reels_box_single .reels_box_single_con .reel_title
{
  position: absolute;
  float: left;
  width: 100%;
  bottom: 0%;
  box-sizing: border-box;
  padding: 2px 10px;
  padding-top: 100px;
  padding-bottom: 10px;
  z-index: 1;
  background: #f44336;
  font-size: 8.5pt;
  color: white;
  background: #000000;
  background: linear-gradient(360deg, rgba(0, 0, 0, 1) 1%, rgba(255, 255, 255, 0) 100%);
}
.reels_box .reels_box_con .reels_box_single .reels_box_single_con .reel_title p
{
  height: auto;
  max-height: 100px;
}
.reels_box .reels_box_con .reels_box_single .reels_box_single_con .reel-img
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 0px;
  height: 300px;
}
.reels_box.reels_box_3 .reels_box_con .reels_box_single .reels_box_single_con .reel-img
{
  height: 220px;
}
.reels_box .reels_box_con .reels_box_single .reels_box_single_con .reel-img img
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 0px;
} 

.reels_box .web-search
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 5px;
  padding-bottom: 10px;
}
.reels_box .web-search input
{
  position: relative;
  float: left;
  width: 70%;
  box-sizing: border-box;
  padding: 5px 10px;
  border-radius: 3px;
  border: 1px solid #ad0000;
}
.reels_box .web-search input:focus
{
  outline: none;
}

.reels_box .web-search button
{
  position: relative;
  float: left;
  width: 15%;
  box-sizing: border-box;
  padding: 8.5px 0px;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #ad0000;
  margin-left: -10px;
  cursor: pointer;
  background: #ad0000;
  color: white;
}
.reels_box .web-search button.back_button
{
  background: none;
}
.reels_box .web-search button:active
{
  background: #000000;
}
.reels_box .web-search button i
{
  color: white;
}

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


.reels_box
{
  padding: 2px 0px;
}

.reels_box .reels_box_con .reels_box_single
{
  width: 50%;
  padding: 2px 2px;
}
.reels_box .reels_box_con
{
  padding: 2px 4px;
}

}