#ban_scene{
    background-repeat: no-repeat;
    background: url(../../../img/ban.jpg);
    background-repeat: no-repeat;
    height: 220px;
    margin-bottom: 10px;
    text-align: center;
    padding-top: 20px;
        padding-right: 150px;
  line-height: 10px;
 width:100%;
 font-weight:bold;
  opacity: 1 !important;
  visibility: visible !important;

}

.header-container {
    height: 80px;
    background-color: #333;
}

#header_logo {
       position: absolute;
        top: -106px;
    z-index: 9000;
}

.btn-ban {
    -moz-user-select: none;
    background-color: #81bef7;
    background-image: none;
    border: 2px solid white;
    border-radius: 5px;
    box-shadow: 4px 4px 4px #aaa;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    margin-top: 15px;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: pre-wrap;
    width: 80%;
}

#ban_scene h3{
        color: #e20f5e !important;
         font-size: 28px;
         width:100%;
}
#ban_scene h4{
        color: gray !important;
        font-size: 16px;
}

#left_column {
    display: none !important;
}

.row_header .row{
     display: none !important;
}


.category #center_column{

    width: 75%;
}


.category .breadcrumb{

    display:none;
}



@media (max-width: 850px){
#ban_scene h3{
        color: #e20f5e !important;
         font-size: 20px !important;
         width:100% !important;
}


        #ban_scene{

                padding-right: 0px !important;

        }

  }

  
@media (max-width: 650px){
  
.category #center_column{

    width: 100% !important;
}

.header-container {
    height: 40px;
    background-color: #333;
}

#header_logo {
     top: -69px;

    z-index: 9000;
}

#header_logo .logo{
    width:100px; 
}




   }

   
  @media (min-width: 800px){ 
        .live-comments{

          height: 1000px;

          overflow: hidden;
          position: relative;


        }


        ul.comments{
          position: absolute;
          top: 0;
          width: 100%;
          list-style-type: none;
          padding: 0;
          margin: 0;
        }
        ul.comments li{
          /*height: 30px;*/
  
          text-align: justify;

          padding-left: 2rem;
        }
  }
 
  
  .btn-cta{
   text-transform: uppercase;
color: #e20f5e ;
font-size: 16px;
position: relative;

top: 14px;
  } 
.box-outer {
	overflow: hidden;
	margin-left: auto;
            margin-right:auto;
	width: 200px;
	height: 50px;
}
.main_box {
	width: 200px;
	height: 50px;
	position: relative;
background-color: #ffffff85;
	border: 3px solid #000;
}
.bar {
	position: absolute;
	width: 50px;
	height: 5px;
	background: #e20f5e ;
	transition: all 1s linear;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.bar.delay {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}
.top {
	top: -5px;
	left: -5px;
}
.right {
	top: 18px;
	right: -28px;
	transform: rotate(90deg);
}
.bottom {
	bottom: -5px;
	left: -5px;
}
.left {
	top: 18px;
	left: -28px;
	transform: rotate(90deg);
}
 @-webkit-keyframes h-move {
 0% {
left: -5px;
}
100% {
left: 200px;
}
}
 @keyframes h-move {
 0% {
left: -5px;
}
100% {
left: 200px;
}
}
.top, .bottom {
	-webkit-animation-name: h-move;
	animation-name: h-move;
}
 @-webkit-keyframes v-move {
0% {
top: -5px;
}
100% {
top:228px;
}
}
 @keyframes v-move {
 0% {
top: -5px;
}
100% {
top:228px;
}
}
.right, .left {
	-webkit-animation-name: v-move;
	animation-name: v-move;
}