/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * Owl Carousel - Core
 */
.owl-carousel {
 display: none;
 width: 100%;
 -webkit-tap-highlight-color: transparent;
 /* position relative and z-index fix webkit rendering fonts issue */
 position: relative;
 z-index: 1; }
 .owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */ }
 .owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }
 .owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }
 .owl-carousel .owl-wrapper,
 .owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }
 .owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }
 .owl-carousel .owl-item img {
  display: block;
  width: 100%; }
 .owl-carousel .owl-nav.disabled,
 .owl-carousel .owl-dots.disabled {
  display: none; }
 .owl-carousel .owl-nav .owl-prev,
 .owl-carousel .owl-nav .owl-next,
 .owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
 .owl-carousel .owl-nav button.owl-prev,
 .owl-carousel .owl-nav button.owl-next,
 .owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit; }
 .owl-carousel.owl-loaded {
  display: block; }
 .owl-carousel.owl-loading {
  opacity: 0;
  display: block; }
 .owl-carousel.owl-hidden {
  opacity: 0; }
 .owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }
 .owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
    touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
 .owl-carousel.owl-grab {
  cursor: move;
  cursor: grab; }
 .owl-carousel.owl-rtl {
  direction: rtl; }
 .owl-carousel.owl-rtl .owl-item {
  float: right; }
/* No Js */
.no-js .owl-carousel {
 display: block; }
/*
 * Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
 animation-duration: 1000ms;
 animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
 z-index: 0; }
.owl-carousel .owl-animated-out {
 z-index: 1; }
.owl-carousel .fadeOut {
 animation-name: fadeOut; }
@keyframes fadeOut {
 0% {
  opacity: 1; }
 100% {
  opacity: 0; } }
/*
 * Owl Carousel - Auto Height Plugin
 */
.owl-height {
 transition: height 500ms ease-in-out; }
/*
 * Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
 /**
  This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  calculation of the height of the owl-item that breaks page layouts
  */ }
 .owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }
 .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0; }
 .owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }
/*
 * Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
 position: relative;
 height: 100%;
 background: #000; }
.owl-carousel .owl-video-play-icon {
 position: absolute;
 height: 80px;
 width: 80px;
 left: 50%;
 top: 50%;
 margin-left: -40px;
 margin-top: -40px;
 background: url("owl.video.play.png") no-repeat;
 cursor: pointer;
 z-index: 1;
 -webkit-backface-visibility: hidden;
 transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
 -ms-transform: scale(1.3, 1.3);
   transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
 display: none; }
.owl-carousel .owl-video-tn {
 opacity: 0;
 height: 100%;
 background-position: center center;
 background-repeat: no-repeat;
 background-size: contain;
 transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
 position: relative;
 z-index: 1;
 height: 100%;
 width: 100%; }
/* general */
* { padding: 0px; margin: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body { font-family: 'Roboto', sans-serif; font-size: 14px; color: #fff; font-weight: normal; }
input, select, textarea { font-family: 'Roboto', sans-serif; font-size: 14px; color: #fff; }
img { border: 0px; display: block; max-width: 100%; }
a,button,input,textarea,img,span,figure { outline: none!important; transition: .30s ease-in-out; -moz-transition: .30s ease-in-out; -webkit-transition: .30s ease-in-out; }
h1, h2, h3, h4, h5, h6 { margin: 0px; font-weight: normal; }
p,ol,ul { margin: 0px; list-style-type:none; }


/*
*:after, *:before { transition: .30s ease-in-out; -moz-transition: .30s ease-in-out; -webkit-transition: .30s ease-in-out; }
*/

body { background: #141414; }

/* wrapper */
#wrapper { width: 100%; float: left; overflow: hidden; }
 
 .mycontainer { padding: 0 15px; margin: 0px auto; max-width: 1140px; width: 100%; position: relative; }

  .fixadd { margin-left: -769px; position: fixed; top: 0px; left: 42%; z-index: 99; }
  .fixadd.right { margin-right: -769px; left: auto; right: 42%; }
  .fixadd a { display: block; }
  .fixadd img { width: 100%; }
 
 /* header container */
 #headerCntr { padding: 20px 20px 0 20px; width: 100%; float: left; background: #2a2a2a; }
  #headerCntr .open_sidebar { display: none; font-size: 30px; color: #f5681b; text-decoration: none; float: left; }
  #headerCntr .search_toggle { display: none; float: right; font-size: 20px; color: #fff; text-decoration: none; }
  
 /* logoArea */
    .logoArea { margin: 5px 0 0 0; float: left; }
    .logoArea a { display: block; }
 .logoArea a img{ width: 195px;}

 
 /* menuArea */
    .menuArea { padding: 20px 0 0 0; width: 100%; float: left; }
    .menuArea ul { list-style: none; }
    .menuArea li { margin-right: 35px; float: left; }
    .menuArea li a { padding-bottom: 14px; display: block; font-size: 16px; color: #fff; font-weight: 500; text-decoration: none; border-bottom: 2px solid transparent; }
    .menuArea li a:hover, .menuArea li.active a { border-bottom-color: #f5681b; }

    /* headerRight */
    .headerRight { float: right; }


    .searchArea { float: left; }
    @media (min-width: 992px){ .searchArea { display: block !important; } }
    .searchArea .style { padding: 0 10px; width: 380px; height: 32px; float: left; font-size: 14px; color: #fff; font-weight: 500; border: 1px solid #5c5c5c; border-right: none; border-radius: 4px 0 0 4px; background: #3c3c3c; }
    .searchArea .srchbtn { width: 57px; height: 32px; float: left; border: none; font-size: 0px; border-radius: 0 4px 4px 0; background: #f5681b url(/common/images/gc19/search-icon.png) no-repeat center center; cursor: pointer; }

    .uploadBtn { padding: 6px 15px; margin: 0 20px; float: left; font-size: 13px; color: #fff !important; transition:transition: 0.3s; font-weight: 500; text-decoration: none !important; border-radius: 4px; background: #f5681b; }
    .uploadBtn i { margin-right: 3px; }
 .uploadBtn:hover{background:#f38d55;}

    .bfh-selectbox { float: left; }
    .bfh-selectbox .bfh-selectbox-toggle { padding: 6px 33px 6px 15px; font-size: 13px; color: #000; font-weight: 500; line-height: normal; vertical-align: middle; background: #d9d9d9; }
 .bfh-selectbox .bfh-selectbox-toggle .bfh-selectbox-option { height: 18px; }
    .bfh-selectbox .bfh-selectbox-toggle .bfh-selectbox-option i, .glyphicon { display: inline-block; }
    .bfh-selectbox .bfh-selectbox-toggle .selectbox-caret { margin: 0px; position: absolute; top: 8px; right: 15px; font-size: 18px; }
    .bfh-selectbox .bfh-selectbox-toggle .selectbox-caret:after { content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: bold; }
    .bfh-selectbox .bfh-selectbox-options ul { max-width: 260px; }

    .bfh-selectbox .bfh-selectbox-options { background-color: #98a2cd; }
    .bfh-selectbox .bfh-selectbox-options ul li > a { padding: 3px 18px; text-align:left; }
  
    .login_btn { padding: 6px 15px; margin: 0 8px 0 30px; float: left; font-size: 13px; color: #fff !important; font-weight: 500; text-decoration: none !important; border-radius: 4px; background: #4869e1; }
 .login_btn:hover{ background:#5e7ef3}
    .sign_btn { padding: 6px 15px; float: left; font-size: 13px; color: #fff !important; font-weight: 500; text-decoration: none !important; border-radius: 4px; background: #0ab51a; }
 .sign_btn:hover{ background:#30ec42}

  
    #middleCntr { width: 100%; float: left; }

    /* middleBox */
    .middleBox { padding: 50px 0; width: 100%; float: left; }
    .middleBox > .row { margin: 0px; }

    .header_partmobile { display: none; padding: 20px 0; width: 100%; float: left; text-align: center; }
    .header_partmobile a { margin: 0 10px; display: inline-block; vertical-align: top; font-size: 12px; color: #fff; font-weight: 300; text-transform: uppercase; text-decoration: none; }
    .header_partmobile a i { margin: 0 auto 5px; display: block; width: 40px; height: 40px; color: #fff; font-size: 16px; text-align: center; line-height: 40px; border-radius: 100%; background: #353535; }

    .close_sidebar { display: none; font-size: 34px; color: #fff !important; text-decoration: none !important; position: fixed; top: 0px; right: 15px; }

    .list_sideBar .sub { width: 100%; float: left; background: #1f1f1f; } 
    .list_sideBar .title { padding: 10px 35px 10px 20px; width: 100%; float: left; position: relative; font-size: 14px; color: #fff; font-weight: 500; text-transform: uppercase; background: #353535; cursor: pointer; } 
    .list_sideBar .title i { position: absolute; top: 13px; right: 20px; font-size: 18px; }
    /*.list_sideBar .title.open:after { content: "\f106"; } */
    .list_sideBar .list { padding: 20px 0; width: 100%; float: left; list-style: none; } 
    .list_sideBar .list li { width: 100%; float: left; } 
    .list_sideBar .list li a { padding: 5px 17px; display: block; font-size: 14px; color: #fff; text-decoration: none; border-left: 3px solid transparent; } 
    .list_sideBar .list li span { width: 44px; display: inline-block; vertical-align: middle; } 
    .list_sideBar .list li span img { display: block; } 
    .list_sideBar .list li a:hover { color: #f5681b; border-left-color: #f5681b; }
    .list_sideBar .list li.active a { color: #000; border-left-color: #f5681b; background: #d2d2d2; }


    .droitAjout .add { margin-bottom: 10px; width: 100%; float: left; }
    .droitAjout .add img { width: 100%; float: left; }

    .midcontent { padding: 0px; }
 .midcontent .onMobileitems{display:none; }
    .midcontent .all_items { width: 100%; float: left; }
    .midcontent .all_items h2 { margin-bottom: 15px; font-size: 18px; color: #fff; line-height: 30px; text-transform: uppercase; font-weight: 500; }
    .midcontent .item { margin-bottom: 15px; width: 100%; float: left; }
    .midcontent .item .image { padding-right: 5px; }
    .midcontent .item .image a { display: block; }
    .midcontent .item .image img { width: 100%; height: auto; }
    .midcontent .item .text { padding-left: 10px; }
    .midcontent .item .text h3 { margin: 0 0 5px 0; font-size: 13px; color: #fff; }
    .midcontent .item .text h3 a { display: block; color: #fff; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
    .midcontent .item .text h3 a:hover { color: #f5681b; text-decoration: underline; }
    .midcontent .item .text p { margin: 0 0 8px 0; font-size: 11px; color: #868282; }
    .midcontent .item .text .view { margin-right: 18px; display: inline-block; font-size: 12px; color: #f5681b; text-decoration: none; }
    .midcontent .item .text .view i { margin-right: 5px; }
    .midcontent .item .text .like { display: inline-block; font-size: 12px; color: #fff; text-decoration: none; margin-right:25px;}
    .midcontent .item .text .like i { margin-right: 5px; color: #12c12f; text-decoration: none; }

 
 .midcontent .gay img{ display:inline-block; margin-right:5px;} /* depracated */
 .midcontent .gicon img{ display:inline-block; margin-right:5px;height:13px;}


    .item_pagenation { margin: 50px 0 0 0; width: 100%; float: left; text-align: center; }
    .item_pagenation span, .item_pagenation a { padding: 0 17px; margin: 2px; display: inline-block; min-width: 42px; height: 42px; font-size: 16px; color: #fff; text-decoration: none; font-weight: 700; text-align: center; line-height: 42px; border-radius: 6px; background: #f5681b; }
    /*.item_pagenation .curent, .item_pagenation span:hover, .item_pagenation a:hover, .item_pagenation .prev, .item_pagenation .next { background: #f5681b; }*/
 .item_pagenation .curent { background-color: #f38d55; }

    .content_sub { width: 100%; float: left; font-size: 16px; color: #8a8a8a; line-height: 30px;}
    .content_sub h1 { margin-bottom: 20px; font-size: 22px; color: #fff; line-height: 30px; text-transform: uppercase; font-weight: 500; }
    .content_sub h2 { margin-bottom: 20px; font-size: 18px; color: #fff; line-height: 30px; text-transform: uppercase; font-weight: 500; }
    .content_sub h3, .content_sub h4, .content_sub h5, .content_sub h6 { margin-bottom: 15px; font-size: 16px; color: #fff; line-height: 28px; text-transform: uppercase; font-weight: 500; }
    .content_sub p { margin-bottom: 40px; line-height:35px; }
    .content_sub a { color: #f66517; text-decoration: underline; }
    .content_sub a:hover { text-decoration: none; }
    .content_sub strong { font-weight: normal; }
    .content_sub strong a { font-size: 28px; color: #ededed; text-decoration: none; }


    .midadd { margin: 0px; padding-right: 15px; }
    .midadd img { width: 100%; height: auto; }

    /* addBox */
    .addBox { padding: 5px 0 85px 0; width: 100%; float: left; }
    .addBox > .row { margin: 0px; }
    .addBox a { display: block; }
    .addBox img { width: 100%; height: auto; }

    /* formArea */
    .formArea { padding: 55px 30px; width: 100%; float: left; background: #2a2a2a; font-size: 13px; color: #fff; margin-bottom:30px; }
    .formArea .border_R { border-right: 1px solid #333; }

    .formArea .fgroup { margin-bottom: 23px; }
    .formArea .fgroup.margin_b { margin-bottom: 0px; }
    .formArea .name_label { display: block; font-size: 14px; color: #fff; font-weight: 500; }
    .formArea label { margin: 0 20px 5px 0; display: inline-block; line-height: normal; }
    .formArea label input[type="radio"], .formArea label input[type="checkbox"]{ margin-right: 5px; display: inline-block; vertical-align: middle; }

    .formArea .form-control { padding: 0 10px; height: 40px; color: #fff; font-size: 13px; border: none; background: #3c3c3c; }
    .formArea input[type="file"].form-control { padding: 7px 10px; background:#f5681b; height: 30px; min-height: 43px; cursor:pointer; transition: 0.3s;}
 .formArea input[type="file"].form-control:hover{ background:#f38d55; }
    .formArea textarea.form-control { padding: 10px 15px; height: 135px; }
    .formArea .form-control::-webkit-input-placeholder { color: #fff; }
    .formArea .form-control::-moz-placeholder { color: #fff; }
    .formArea .form-control:-ms-input-placeholder { color: #fff; }
    .formArea .form-control:-moz-placeholder { color: #fff; }

    .formArea .check { margin: 15px 0; }
    .formArea .forget { float: right; color: #fff; }

    .formArea .file_upload { margin-bottom: 15px; }
    .formArea .file_upload p { margin-bottom: 0px; font-size: 12px; color: #7f7f7f; line-height: 18px; }

    .formArea .fgroup .btn { width: 100%; height: 40px; font-size: 17px; text-transform: uppercase; background: #f66517; transition: 0.3s;max-width:304px;}
 .formArea .fgroup .btn:hover{ background:#f38d55;}
    .formArea .cntr { padding-top: 50px; text-align: center; }
    .formArea .facebook { margin: 0 0 0 10px; padding: 8px 0; min-width: 230px; display: inline-block; font-size: 14px; color: #fff; font-weight: 600; text-align: center; text-decoration: none; line-height: 30px; border-radius: 5px; border: 1px solid #fff; background: #133a91; }
    .formArea .facebook i { width: 18%; height: 30px; float: left; font-size: 18px; line-height: 30px; border-right: 1px solid #3761b4; }
    .formArea .facebook span { width: 82%; height: 30px; float: right; letter-spacing: 0.5px; border-left: 1px solid #4d77cb; }
    
    /* last_coment */
    .last_coment { width: 100%; float: left; }
    .last_coment h2 { margin-bottom: 15px; font-size: 18px; color: #fff; line-height: 30px; text-transform: uppercase; font-weight: 500; }
    .comment a{ color: #f5681b }
    .comment a:hover{ color: #f5681b }

    .comment_item { margin-bottom: 20px; width: 100%; float: left; }
    .comment_item .image { padding: 10px; width: 160px; float: left; position: relative; text-align: center; background: #2a2a2a; }
    .comment_item .image:before { margin-top: -18px; content: ""; position: absolute; top: 50%; right: -27px; border-top: 18px solid transparent; border-left: 20px solid #141414; border-bottom: 18px solid transparent; }
    .comment_item .image:after { margin-top: -18px; content: ""; position: absolute; top: 50%; right: -19px; border-top: 18px solid transparent; border-left: 20px solid #2a2a2a; border-bottom: 18px solid transparent; }
    .comment_item .image img { width: auto; max-height: 110px; max-width: 100%; height: auto; display: block; margin: 0 auto; }
    .comment_item .image h3 { margin: 15px 0 5px 0; font-size: 12px; color: #fff; max-height: 1.2em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .comment_item .image h3 a { display: block; color: #fff; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
    .comment_item .image .view { display: inline-block; font-size: 12px; color: #f5681b; text-decoration: none; }
    .comment_item .image .view i { margin-right: 5px; }
 
    .comment_item .text { padding: 15px 35px; width: calc(100% - 168px); min-height: 185px; float: right; font-size: 13px; color: #fff; background: #2a2a2a; }
    .comment_item .text p { margin-bottom: 30px; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
.comment_item .text p:first-of-type {   margin-bottom: 15px;   height: 20px; }
.comment_item .text p:nth-child(2) {   display: -webkit-box;   -webkit-line-clamp: 3;   -webkit-box-orient: vertical; } 
    .comment_item .text p img { display: inline-block; }
    .comment_item .text .cmnt_btn { padding: 9px 28px; display: inline-block; font-size: 13px; color: #000; text-decoration: none; text-transform: uppercase; border-radius: 3px; background: #d9d9d9;   float: left;   margin-right: 30px;   margin-top: -5px; }
 .comment_item .text .cmnt_btn:hover{ background:#f5681b; color:#fff;} 

    .game_view { width: 100%; float: left; } /* padding: 0 66px; */
    .game_view .top_text { margin-bottom: 25px; width: 100%; float: left; }
    .middleBox h1 { margin-right: 40px; font-size: 18px; color: #fff; text-transform: uppercase; font-weight: 500; }
    .middleBox h2 { margin-right: 40px; font-size: 18px; color: #fff; text-transform: uppercase; font-weight: 500; }
 .game_view .top_text .normal_txt { margin-left: 35px; display: inline-block; font-size: 18px; color: #8a8a8a; text-decoration: none; font-weight: 500; }
    .game_view .top_text .normal_txt i { margin-right: 4px; font-size: 20px; color: #f5681b; }
    .game_view .top_text .normal_btn { margin-left: 35px; display: inline-block; font-size: 18px; color: #8a8a8a; text-decoration: none; font-weight: 500; }
    .game_view .top_text .normal_btn i { margin-right: 4px; font-size: 20px; color: #f5681b; }
    .game_view .top_text .normal_btn:hover { color: #f5681b; }

    .game_view #game { width: 100%; float: left; border: none; margin: 0 0 28px; background: none; border-radius: 0px; }
    .game_view #carousel { width: 100%; float: left; position: relative; border: none; margin: 0px; border-radius: 0px; background: none; }
    .game_view #carousel .flex-viewport { width: 100%; float: left; }
    .game_view #carousel .flex-direction-nav .flex-prev { width: 47px; height: 100%; left: 0px !important; top: 0px; opacity: 1 !important; font-size: 0px; background: url(/common/images/gc19/prev.png) no-repeat center center; z-index: 22; }
    .game_view #carousel .flex-direction-nav .flex-next { width: 47px; height: 100%; right: 0px !important; top: 0px; opacity: 1 !important; font-size: 0px; background: url(/common/images/gc19/next.png) no-repeat center center; z-index: 22; }
    .game_view #carousel .flex-direction-nav .flex-disabled { opacity: 1 !important; }
    .game_view #carousel .flex-direction-nav .flex-prev:before { display: none; }
    .game_view #carousel .flex-direction-nav .flex-next:before { display: none; }

    .game_view .bottom_text { padding: 25px 0 20px 0; width: 100%; float: left; }
    .game_view .bottom_text .rate { float: left; }
    .game_view .bottom_text .rate i { font-size: 20px; color: #f5681b; opacity: 0.6; cursor: pointer; }
    .game_view .bottom_text .rate i:hover{ background: ##f5681b; opacity: 1; f005; }
    .game_view .bottom_text .rate span { padding-top: 4px; display: block; font-size: 15px; color: #fff; }


    /****** Style Star Rating Widget *****/

div .stars{ float: left; }
input.star { display: none; }

label.star {
 float:right;
 padding: 0px 10px 0px 0px;
 font-size: 25px;
 color: #444;
 transition: all .2s;
 cursor:pointer;
}

input.star:checked ~ label.star:before {
 content: '\f005';
 color: #f5681b;
 transition: all .25s;
}

input.star-5:checked ~ label.star:before {
 color: #f5681b;
 text-shadow: 0 0 20px #952;
}

input.star-1:checked ~ label.star:before { color: #F62; }

label.star:hover { transform: rotate(-15deg) scale(1.3); }

label.star:before {
 content: '\f006';
 font-family: "Font Awesome 5 Free";
}



    .game_view .bottom_text .played { float: right; }
    .game_view .bottom_text .played i { font-size: 20px; color: #f5681b; }
    .game_view .bottom_text .played span { padding-top: 4px; display: block; font-size: 15px; color: #fff; }

    .game_view .full_text { padding: 15px 0; width: 100%; float: left; border-bottom: 1px solid #2c2c2c; font-size: 13px; color: #aaaaaa; line-height: 24px; }
    .game_view .full_text.border_top { border-top: 1px solid #2c2c2c;}
    
    .game_view .full_text span{ color: #f5681b; font-weight: bold; cursor: pointer;}
    .game_view .full_text p { word-break: break-word; }
    .game_view .full_text .zet { margin-bottom: 10px; color: #fff; }
    .game_view .full_text .zet a { color:#f5681b; font-weight: 700; }
    .game_view .full_text .zet img { margin-right: 8px; display: inline-block; }

    .game_view .similar_game { padding: 25px 0 0 0; width: 100%; float: left; }
    .game_view h3 { margin-bottom: 20px; font-size: 15px; color: #fff; }
    .game_view .similar_game .item { padding-bottom: 20px; }
    .game_view .similar_game .item img { width: 100%; height: auto; max-width:280px; }
    .game_view .similar_game .item h4 { margin: 10px 0 8px 0; font-size: 12px; color: #fff; line-height: 20px; }
    .game_view .similar_game .item h4 a { display: block; color: #fff; text-decoration: none; }
    .game_view .similar_game .item .view { float: left; font-size: 12px; color: #f5681b; text-decoration: none; }
    .game_view .similar_game .item .view i { margin-right: 5px; }
    .game_view .similar_game .item .like { float: right; font-size: 12px; color: #fff; text-decoration: none; }
    .game_view .similar_game .item .like i { margin-right: 5px; color: #12c12f; text-decoration: none; }

    .game_view .comment a{ color:#f5681b;}

    .game_view .comment { padding: 25px 0; width: 100%; float: left; }
 .game_view .comment p{ color:#aaaaaa!important;}
    .game_view .comment h3 { margin-bottom: 20px; font-size: 15px; color: #fff; }
    .game_view .comment .fgroup { margin-bottom: 20px; }
    .game_view .comment .form-control { padding: 0 15px; height: 40px; color: #fff; font-size: 13px; border: none; background: #3c3c3c; }
    .game_view .comment input[type="file"].form-control { padding: 7px 10px; border: 1px solid #7f7f7f; }
    .game_view .comment textarea.form-control { padding: 10px 15px; height: 135px; }
    .game_view .comment .form-control::-webkit-input-placeholder { color: #fff; }
    .game_view .comment .form-control::-moz-placeholder { color: #fff; }
    .game_view .comment .form-control:-ms-input-placeholder { color: #fff; }
    .game_view .comment .form-control:-moz-placeholder { color: #fff; }
    .game_view .comment .btn { width: 100%; height: 40px; font-size: 17px; color: #fff; text-transform: uppercase; background: #f5681b; max-width:304px;}

    .game_view .add_game { margin-bottom: 30px; width: 100%; float: left; text-align: center; }
    .game_view .add_game a { display: inline-block; vertical-align: middle; }

    /* footerBox */
    .footerBox { padding: 30px 20px; width: 100%; float: left; border-top: 1px solid #434343; height:auto;}
    .footerBox ul { margin-bottom: 15px; width: 100%; float: left; list-style: none; text-align:center; }
    .footerBox ul li { margin-bottom: 5px; display: inline-block; }
    .footerBox li a { padding: 0 8px; display: block; font-size: 14px; color: #fff; text-decoration: none; line-height: 14px; border-right: 1px solid #fff; }
    .footerBox li:last-child a { border-right: none; }
    .footerBox li a:hover { color: #f5681b; }

 .footerBox .bfh-selectbox{ float:right; display:none;}
    .footerBox .copyright { width: 100%; float: left; font-size: 14px; color: #fff; text-align:center;}
 .bfh-selectbox ul li{ display:list-item; border:none;}
 .bfh-selectbox ul li a{ border:none;}


/*search autocomplete form csss*/
.autocomplete-items {
 position: absolute;
 border: 1px solid #d4d4d4;
 border-bottom: none;
 border-top: none;
 z-index: 99;
 /*position the autocomplete items to be the same width as the container:*/
 top: 100%;
 left: 0;
 right: 0;
}

.autocomplete-items >div {
 padding: 10px;
 cursor: pointer;
 background-color: #fff; 
 color:#000;
 border-bottom: 1px solid #3333;
}

.autocomplete-items div:hover {
 /*when hovering an item:*/
 background-color: #e9e9e9; 
}

.autocomplete-active {
 /*when navigating through the items using the arrow keys:*/
 background-color: DodgerBlue !important; 
 color: #ffffff; 
}
.autocomplete {
 /*the container must be positioned relative:*/
 position: relative;
 display: inline-block;}
 
 .img-icon{ float:left;   margin-right: 10px;}
 .tocken_name{ text-align:left; }
 .tocken_name::first-letter{ text-transform: uppercase; }
 
/* 
 .autocomplete-items div:nth-of-type(2n){ display: none; }
*/

 /*comment_thumb*/
 .comment_thumb i { /*color: #d6d6d6;*/ font-size: 20px; }
 
 button.comment_thumb {
 background: none;
 color: #d6d6d6; 
 border: 0;
 transition: .30s ease-in-out;
 cursor: pointer;
 border-radius: 6px;
 outline: none;
 margin-right: 20px;
 
 /*
 &:active {
  transform: scale(1.4);
 }
 
 span {
  position: absolute;
  top: -55px;
  left: 0;
  right: 0;
  margin: auto;
  color: rgba($dark-color, .5);
  padding: 10px 0;
  border-radius: 100px;
  opacity: 0;
  transition: .30s ease-in-out;
 }
 
  &:hover {
   opacity: 1;
  }
  
  &:after {
   position: absolute;
   bottom: -7px;
   left: 0;
   right: 0;
   margin: auto;
   content: "";
   width: 0; 
   height: 0; 
   border-left: 8px solid transparent;
   border-right: 8px solid transparent;
   border-top: 8px solid darken($accent-color, 10%); 
  }
 */
}

button.comment_thumb .val_like { 
margin-left:5px; color: #fff;
}
button.comment_thumb {
transition:.30s ease-in-out;
}

button.comment_thumb:hover {
color: #f38d55;
}

button.comment_report {
 float:right;
 display:none;
}

button.comment_report i {
 padding-right:8px;
}

#comments-list .full_text:hover button.comment_report {
 display:block;
}

.all_items .comment_item:hover button.comment_report {
 display:block;
}
  
  /* flas images */
  
figure.team__img{ margin:0em;}
.team__img-container{ position:relative;}


/*
.mobile-slider { display: none !important; }
*/

.mobile-slider .owl-dots { display: none !important; }

div.report_content {
 transition: .30s ease-in-out;
 cursor:pointer;
 float:right;
 margin-left:50px;
}

.report_content .btn:hover {
  background: #f38d55 !important;
 color:white;
}

.report_content .dropdown-toggle::after { content: none }

@media (max-width: 576px) {
 div.report_content {
  margin-left:10px;
 }
 .game_view .bottom_text .played {
 margin: 0 10px;
 }
}



@media (min-width: 1199px) {

 .bg_ln #myInput, .lt_ln #myInput, .ru_ln #myInput, .it_ln #myInput, .nl_ln #myInput, .ja_ln #myInput {
 width:300px;
 }
 .fr_ln #myInput, .lv_ln #myInput, .uk_ln #myInput {
 width:280px;
 }

 .hu_ln .list_sideBar .list li a {
 font-size:11px;
 }

}


@media (max-width: 991px) {
 .menuArea li {
 margin-right: 17px;
 }
}




.btn-group-xs > .btn, .btn-xs {
 padding: .25rem .4rem;
 font-size: .875rem;
 line-height: .5;
 border-radius: .2rem;
}

.tagsinput {
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 box-sizing: border-box;
 background: #fff;
 font-size: 14px;
 line-height: 20px;
 color: #d9d9d9;
 padding: 5px 5px 0 5px;
 border: 1px solid #5c5c5c;
 border-radius: 2px;
 background: #3c3c3c;
}

.tagsinput.focus {
 border-color: #ccc;
}

.tagsinput * {
 box-sizing: border-box;
}

.tagsinput .tag {
 position: relative;
 background: #d9d9d9;
 display: block;
 max-width: 100%;
 word-wrap: break-word;
 color: #fff;
 padding: 5px 30px 5px 5px;
 border-radius: 2px;
 margin: 0 5px 5px 0;
}

.tagsinput .tag .tag-remove {
 position: absolute;
 background: none;
 display: block;
 width: 30px;
 height: 30px;
 top: 0;
 right: 0;
 cursor: pointer;
 text-decoration: none;
 text-align: center;
 color: #000;
 line-height: 30px;
 padding: 0;
 border: 0;
}

.tagsinput .tag .tag-remove:before,
.tagsinput .tag .tag-remove:after {
 background: #000;
 position: absolute;
 display: block;
 width: 10px;
 height: 2px;
 top: 14px;
 left: 10px;
 content: '';
}

.tagsinput .tag .tag-remove:before {
 -webkit-transform: rotateZ(45deg);
 transform: rotateZ(45deg);
}

.tagsinput .tag .tag-remove:after {
 -webkit-transform: rotateZ(-45deg);
 transform: rotateZ(-45deg);
}

.tagsinput .tag .tag-text {
 color:#000;
 font-weight: normal;
}

.tagsinput div {
 -webkit-box-flex: 1;
 -webkit-flex-grow: 1;
 -ms-flex-positive: 1;
 flex-grow: 1;
}

.tagsinput div input {
 background: transparent;
 display: block;
 width: 100%;
 font-size: 14px;
 line-height: 20px;
 padding: 5px;
 border: 0 none;
 margin: 0 5px 5px 0;
}

.tagsinput div input.error {
 color: #000;
}

.tagsinput div input::-ms-clear {
 display: none;
}

.tagsinput div input::-webkit-input-placeholder {
 color: #fff;
 opacity: 1.0;
}

.tagsinput div input:-moz-placeholder {
 color: #fff;
 opacity: 1.0;
}

.tagsinput div input::-moz-placeholder {
 color: #fff;
 opacity: 1.0;
}

.tagsinput div input:-ms-input-placeholder {
 color: #fff;
 opacity: 1.0;
}

.tagsinput div input {
  padding: 0 10px;
  height: 32px;
  float: left;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  border: 1px solid #5c5c5c;
  /*border-right: none;*/
  border-radius: 4px 0 0 4px;
  background: #3c3c3c;
}

.usertagsedit {
 width:100%;
}

.usertagsedit .btn {
 padding: 6px 15px;
  margin: 0;
  float: left;
  font-size: 13px;
  color: #fff !important;
  font-weight: 500;
  text-decoration: none !important;
  border-radius: 0 4px 4px 0;
  background: #f5681b;
  border-left: 0;
  height: 32px;
}

button.usertag_like {
 margin-right: 10px;
  width: 80px;
  text-align: left;
}

button.usertag_dislike {
  width:50px;
}

.close-icon {
 position: absolute;
 display: block;
 width: 30px;
 height: 30px;
 top: 0;
 right: 0;
 cursor: pointer;
 text-decoration: none;
 text-align: center;
 color: #f0f0f0;
 line-height: 30px;
 padding: 0;
 border: 1px solid #5c5c5c;
 padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
 -webkit-appearance: button;
 z-index:2;
}

.close-icon:before,
.close-icon:after {
 background: #000;
 position: absolute;
 display: block;
 width: 10px;
 height: 2px;
 top: 14px;
 left: 10px;
 content: '';
}

.close-icon:before {
 -webkit-transform: rotateZ(45deg);
 transform: rotateZ(45deg);
}

.close-icon:after {
 -webkit-transform: rotateZ(-45deg);
 transform: rotateZ(-45deg);
}

#usertags + .no-gutters {
 position:relative;
}

.tag-header {
 color:#FFF !important;
}

/*.item_pagenation span, .item_pagenation a {
  padding: 0 6px;
  margin: 1px;
  min-width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  border-radius: 4px;
}
*/



.midcontent h2, .midcontent h1 {
  margin-bottom: 15px;
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 500;
}


.content_sub span a {
  color: #ededed;
  text-decoration: none;
}
.largest a {
  font-size: x-large;
}
.large a {
  font-size: large;
}
.medium a {
  font-size: medium;
}
.small a {
  font-size: small;
}

.smallest a {
  font-size: x-small;
}

.sorting_controls {
 float:right;
}



.midcontent .all_items h2.second-header {
  margin-top: -20px;
  font-size: 14px;
}

span.error {
 color: #f5681b;
}

.formArea {
 margin-bottom:40px;
}


p {
  margin-top: 0;
  margin-bottom: 1rem;
}

.game_view .full_text a {
  color: #f5681b;
  font-weight: bold;
  cursor: pointer;
}

a, a:hover, .content_sub a {
 color: #f5681b;
}
/*
*/

.flash-remove-favourite {
  padding: 9px 28px;
  display: inline-block;
  font-size: 13px;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 3px;
  background: #d9d9d9;
}

.favItem {
  margin-bottom: 20px;
  float: left;
 width:auto;
}

.favItem .image {
  padding: 10px;
  width: 160px;
  float: left;
  position: relative;
  text-align: center;
  background: #2a2a2a;
}


.favItem .image:after {
  margin-top: -18px;
  content:normal;
  position: absolute;
  top: 50%;
  right: -19px;
  border-top: 18px solid transparent;
  border-left: 20px solid #2a2a2a;
  border-bottom: 18px solid transparent;
}

.game_view .similar_game .item h4 a {
  height: 20px;
  overflow: hidden;
}


.warningbox {
  text-align:center;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 500;
}

.game_view .add_game img {
max-width:100%;
height:auto;
}

a.IM_closebutton {
  position: absolute;
  border-radius: 16px;
  height: 30px;
  font-size: 24px;
  width: 30px;
  font-weight: bold;
  line-height: 28px;
  text-align: center;
  bottom: 5px;
  left: 5px;
  background: #000;
  color: #fff;
  text-decoration: none;
  border: 2px solid #fff;
}

/*.item_pagenation span:hover, */
.item_pagenation a:hover {
color:#fff;
background: #f38d55;
}

.subcomm {
  padding:15px 0 15px 50px !important;
 margin:0 !important;
}

figure {
margin: 0px;
}

.game_view > .comm {
  border-top: 1px solid #2c2c2c;
}

.game_view > .comm ~ .comm {
  border-top:none;
}

.game_view #game {
 text-align:center;
}

.midcontent .item .text p {
max-height:68px;
overflow:hidden;
height:68px;
}

#search-form .form-control {
  padding: 0 10px;
  height: 40px;
  color: #fff;
  font-size: 13px;
  border: none;
  background: #3c3c3c;
}

#search-form .btn {
  width:auto;
  height: 40px;
  font-size: 17px;
  text-transform: uppercase;
  background: #f66517;
  transition: 0.3s;
  color: #fff;
}

form ~ h1 {
 margin-top:15px;
}

.searchhelp {
 padding-top: 20px;
  display: block;
  clear: both;
}
.searchArea .style {
  width: 330px;
}

div.cote_azur {
  clear: both;
  float: left;
  margin:0;
  position: relative;
  width: 100%;
  height: 152px;
}

div.side_flash {
  background-color: #F3F3F3;
  border: 1px solid #E8E8E8;
  margin: 0;
  padding: 5px 5px 0;
  text-align: center;
  width: 147px;
  height: 144px;
 border-radius: 4px;
}



div.cote_azur div.side_flash a.title {
  height: 15px;
  line-height: 15px;
  overflow: hidden;
  width: 140px;
  display: block;
 font-size: 12px;
  color: #f5681b;
}

.xB {
  display: block;
  margin: 0px auto;
  padding: 0;
  width: 75px;
  height: 15px;
  text-align: left;
}
.xB .U {
  list-style: none;
  margin: 0px;
  padding: 0px;
  height: 15px;
  position: relative;
  background: url(/common/images/small_star.gif) top left repeat-x;
}
.xB .U li {
  text-indent: -90000px;
  padding: 0px;
  margin: 0px;
  float: left;
}

.xB .U li.R {
  background: url(/common/images/small_star.gif) left bottom;
  border: none;
  position: absolute;
  height: 15px;
  display: block;
  text-indent: -9000px;
  z-index: 1;
}


@media (max-width: 991px) {
 .cote_azur {
 display:none;
 }
}

.logoArea {
margin:0;
}


.searchArea .srchbtn:hover {
  background-color: #f38d55;
}

.btn:hover {
  background: #f38d55 !important;
}

.comment_item .image a:hover h3 {
color: #f5681b;
text-decoration: underline;
}

.game_view .similar_game .item:hover h4 a {
color: #f5681b;
text-decoration:none;
}

.autocomplete-items a:hover {
text-decoration:none;
}


@media (min-width: 991px){
 .midcontent .item {
 margin-bottom: 15px;
 border-bottom: 1px solid #2c2c2c;
 padding-bottom: 15px;
 }
}

/*
#comments-list {
float:left;
}
*/


.team__img .absolute-bg:not(:first-child) {
  display:none;
}

.mobile-slider .absolute-bg:not(:first-child) {
  display:none;
}


.jq-ry-container {
width:160px;
padding:0;
}


.result {
float:left; 
}

.rates {
float:left; margin-left:30px;
}


img {
 height:auto;
}


@media (min-width: 991px) {

 #comments-list > .comm {
 padding:15px;
 }
 /*
 this is not orking well due the same level of comments and replies. waiting for chrome and ff updates.
 #comments-list > .comm:nth-child(even) {
 background-color:#2c2c2c;
 }
 */
 
 #comments-list :nth-child(even of .comm) {
 background-color:#2c2c2c;
 }
 
}

@media all and (-ms-high-contrast:none)
   {
   #preloader_2 { top:100px; } /* IE10 */
   *::-ms-backdrop, #preloader_2 { top:100px; } /* IE11 */
   }

.comments-list {
 float:left;
}

.game_view h3 {
  margin-bottom: 20px;
 margin-right:40px;
  font-size: 15px;
  color: #fff;
 float:left;
 
}

.load_all_comments {
 float:left;
 font-size:13px;
 font-weight:normal !important;
}

#loading-comments {
  float: left;
 height: 40px;
  margin-left: 20px;
  margin-top: -12px;
}

.game_view .comment .btn {
  float: left;
}

#comment-form #loading-comments {
  margin-top:0;
}


#comment-form .row {
clear:both;
}

@media (min-width: 991px){
 .game_view .full_text .load_all_comments {
 padding-left:15px;
 }

 .game_view .comment {
 padding: 25px 0 25px 15px;
 }
}

button.comment_thumb .val_like {
  display: inline-block;
}

.replyComment {
 display:block;
 margin-left:25px;
 float:left;
}

.subcomm {
display:none;
}

.viewReplies {
  color: #fff !important;
}

.viewRepliesSpan {
 display:block;
 margin-left:25px;
  color: #fff !important;
 float:left;
}

.game_view .full_text span {
  cursor: auto;
}

.close-icon {
background-color:#f0f0f0;
}

#usertags .btn {
background-color:#f0f0f0;
}

#usertags span {
color: #aaaaaa;
}


pre {
  color: #fff;
}
@media (max-width: 1199px){
  
  .searchArea .style { width: 222px; }
  
  .fixadd { display: none; }
  
}


@media (max-width: 991px){
  
  #headerCntr { padding: 10px 15px 0 15px; margin-left: -15px; width: calc(100% + 30px); }
  #headerCntr .open_sidebar { display: block; }
  
  
  .logoArea .logo { margin: 5px 0 0 20px; float: left; }
  
  .headerRight { margin-top: 3px; }
  
  .searchArea .srchbtn { width: 40px; }
  .login_btn { margin: 0 8px 0 10px; }
  .uploadBtn { padding: 6px 12px; margin: 0 10px; display: none; }
  
  .bfh-selectbox { margin: 0 0 0 20px; }
  
  .sign_btn, .login_btn { padding: 6px 13px; display: none; }
  .midcontent .onMobileitems{display:block; }
  .midcontent .item .text p, .fixadd { display: none; }
 .midcontent .item { width: 25%; padding: 0 10px; min-height:241px; }
  .midcontent .item .image { padding-right: 15px; margin-bottom: 10px; }
  .midcontent .item .text { padding-left: 15px; }
  .bfh-selectbox { margin-bottom:20px!important;}
  .bfh-selectbox .bfh-selectbox-toggle { padding: 6px 30px 6px 10px; }
  .bfh-selectbox .bfh-selectbox-toggle .selectbox-caret { right: 10px; }
 .bfh-selectbox .bfh-selectbox-options{ position:none!important;}
 
 .footerBox{ min-height:220px;}
 
  
  .menuArea li { margin-right: 55px; }
  
  .middleBox { padding: 40px 0; }
  
  .close_sidebar { display: block; }
  
  .list_sideBar { visibility: hidden; opacity: 0; padding: 0 90px 0 0; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 999; background: rgba(0,0,0,0.9); }
  .list_sideBar.open { visibility: visible; opacity: 1; }
  .list_sideBar .title { margin-bottom: 3px; }
  .list_sideBar .list { padding: 10px 0; display: none; }
  .list_sideBar .sub { max-width: 320px; margin-left: -100%; height: 100%; transition: .30s ease-in-out; -moz-transition: .30s ease-in-out; -webkit-transition: .30s ease-in-out; overflow: auto; }
  .list_sideBar.open .sub { margin-left: 0px; }
  .list_sideBar .list li a { padding: 5px 12px; font-size: 12px; }
  .list_sideBar .list li span { padding-right: 5px; width: 30px; }
  
  .header_partmobile { display: block; }
  
  .midcontent .all_items h2 { padding: 0 10px; }
  
  
   
    
  .midadd1 { display:none;}
  
  .last_coment { padding: 0px; }
  
  /*.game_view { padding: 0px; }*/

  
  .footerBox li a { font-size: 12px; }
  
  .addBox { padding: 0 0 40px 0; }
  .addBox > .row { margin: 0 -15px; }
  
  .footerBox .copyright { font-size: 12px; }
 
 
 .footerBox .bfh-selectbox { display:block; width:100%; }
 .headerRight .bfh-selectbox { display:none; }
 
 .midcontent .item .text .view{ margin-right:17px;}
 .midcontent .item .text .like{margin-right:4px;}

  
}

@media (max-width: 768px){
  
  #headerCntr .search_toggle { position: absolute; top: 17px; right: 15px; display: block; }
  
  .logoArea { padding-right: 26px; margin: 0px; width: 100%; text-align: center; }
  .logoArea .logo { float: none; display: inline-block; }
  
  .headerRight { text-align: center; }
  
  
  .menuArea { padding: 8px 0 0 0; text-align: center; }
  .menuArea li { margin: 0 10px; float: none; display: inline-block; }
  .menuArea li a { padding-bottom: 6px; font-size: 16px; font-weight: normal; }
  
  .searchArea { margin: 0 0 11px 0; width: 100%; display: none; }
  
 
  /*.item_pagenation a:nth-child(8){ display:none;}*/
  
  .headerRight { width: 100%; }
  .bfh-selectbox { margin: 0px; width: 100%; }
  .bfh-selectbox .bfh-selectbox-toggle .bfh-selectbox-option { text-align: left; }
  .bfh-selectbox .bfh-selectbox-options { width: 100%; text-align: left; }
  .bfh-selectbox .bfh-selectbox-options ul { max-width: 100%; }
  
  .middleBox { padding: 30px 0; }
  .middleBox > .row { margin: 0 -15px; }
  
  .item_pagenation { margin: 10px 0 20px 0; }
  

  
  .midcontent .all_items { padding: 0px 7px 0 7px; }
  .midcontent .item { padding: 0 8px; width: 33.33%; min-height:272px; }
  
  
  .addBox .col-6:last-child { display: none; } 
  
  .content_sub { padding: 0 20px; }
  
  .formArea { padding: 30px 20px; }
  
  .formArea .border_R { padding-bottom: 30px; margin-bottom: 25px; border: none; border-bottom: 1px solid #333; }
  .formArea label { margin: 0 13px 5px 0; }
  .formArea select.form-control { margin-bottom: 10px; }
  .formArea .forget { font-size: 10px; }
  
  .last_coment { padding: 0 15px; }
  
  .middleBox h2 { display: block; margin: 0 0 15px; }
  .middleBox h1 { display: block; margin: 0 0 15px; }
  .game_view .top_text .normal_btn { margin: 0 8px; font-size:8px;}
  
 /*
 .mobile-slider { display: block !important; }
 figure.team__img { display: none !important; }
 */
  
}

@media (max-width: 480px){
 
 .item_pagenation span, .item_pagenation a { margin: 1px; padding: 0 10px; font-size: 12px; height: 36px; min-width: 32px; line-height: 36px; border-radius: 2px; }
 /*.item_pagenation a:nth-child(8){ display:none;}*/

  .midcontent .item { width: 50%; min-height:244px; }
  
  .last_coment { padding: 0 7px; }
  
 /*
  .comment_item { width: 50%; padding: 7px; }
  .comment_item .image { width: 100%; }
  .comment_item .image:before, .comment_item .image:after { display: none; }
  .comment_item .text { padding: 10px 10px 20px; width: 100%; min-height: inherit; }
  .comment_item .text p { margin-bottom: 12px; }
 */
 
 .comment_item .image {
 width:100%;
 float:left;
 }
 .comment_item .image::after {
 border:none;
 }

 .comment_item .team__img-container {
 margin:0 auto;
 width:140px;
 }
 
 
 .comment_item .text {
 width:100%;
 }
 
 /*
 
 .comment_item .text p {
 white-space:normal;
 }
 
 .comment_item .text .cmnt_btn {
 width:100%;
 text-align:center;
 }
 */
 
 .menuArea li a { font-size:11px;}
  .menuArea li{margin: 0 6px;}
  
}

@media (max-width: 320px){
 
 .midcontent .item { min-height:200px; }
}