.backvideo {
    background-image: url(/media/img/video2_img.png);
  }


  .videomodal .modal-dialog {
    max-width: 800px;
    margin: 30px auto;
}    
.videomodal .modal-body {
position:relative;
padding:0px;
}
.videomodal { 
  padding-left: 16px;
}

.videomodal .close {
position:absolute;
right:-30px;
top:0;
z-index:999;
font-size:2rem;
font-weight: normal;
color:#fff;
opacity:1;
}
.cursor-pointer{
  cursor: pointer;
}

.glyphicon { margin-right:5px; }
.thumbnail
{
  margin-bottom: 20px;
  padding: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  width: 100%;
}

.item.list-group-item
{
  float: none;
  width: 100%;
  background-color: #fff;
  margin-bottom: 10px;
}
.item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover
{
  background: #428bca;
}

.item.list-group-item .list-group-image
{
  margin-right: 10px;
}
.item.list-group-item .thumbnail
{
  margin-bottom: 0px;
}
.item.list-group-item .caption
{
  padding: 9px 9px 0px 9px;
}
.item.list-group-item:nth-of-type(odd)
{
  background: #eeeeee;
}

.item.list-group-item:before, .item.list-group-item:after
{
  display: table;
  content: " ";
}

.item.list-group-item img
{
  float: left;
}
.item.list-group-item:after
{
  clear: both;
}
.list-group-item-text
{
  margin: 0 0 11px;
}
 

@media (max-width: 768px) {
    .col_catg {
        padding-left: 25px;
        padding-right: 25px;
      }

.btn {
    width: 50% !important;
}

    .backvideo {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
    }
}