.bslider,
  .bslider-outer {
    width: 100%;
    position: relative;
    display: block;
    height: 100%
  }

  .bslider,
  .bslider-outer,
  .bslider-stage,
  body {
    position: relative
  }

  .bslider,
  .bslider-outer,
  .bslider-stage,
  footer,
  header {
    display: block
  }

  body,
  html {
    overflow-x: hidden
  }

  body,
  input,
  select,
  textarea {
    font-family: Mulish, sans-serif
  }

  footer,
  img {
    height: auto
  }

  a,
  body {
    color: #fff
  }

  .gicon,
  img,
  input,
  select {
    vertical-align: middle
  }

  .bslider-stage.dragging a,
  .tooltiped .tooltip {
    pointer-events: none
  }

  #footerInfos,
  .cmtoptwrap {
    margin-top: 30px
  }

  b,
  body,
  body div,
  footer,
  form,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  header,
  html,
  iframe,
  img,
  span {
    margin: 0;
    padding: 0;
    border: 0
  }

  html {
    overflow-y: auto;
    -ms-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  ul {
    list-style: none
  }

  a {
    font-size: 100%;
    vertical-align: baseline;
    text-decoration: none
  }

  .clearfix:after,
  .clearfix:before {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
  }

  .clearfix:after {
    clear: both
  }

  b {
    font-weight: 700
  }

  img {
    max-width: 100%;
    -ms-interpolation-mode: bicubic;
    display: inline-block
  }

  input::-moz-focus-inner {
    border: 0;
    padding: 0
  }

  *,
  :after,
  :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
  }

  body {
    margin: 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    background-color: #020202
  }

  .bslider {
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    opacity: 0;
    will-change: opacity;
    visibility: hidden
  }

  .bslider.deployed {
    opacity: 1;
    visibility: visible
  }

  .bslider-outer {
    overflow-x: clip
  }

  .bslider-stage {
    height: 100%;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  .bslider.deployed .bslider-stage {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
  }

  .bslider-stage.dragging {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 70ms !important;
    -o-transition: 70ms !important;
    transition: 70ms !important;
    cursor: -webkit-grab;
    cursor: grab
  }

  .bslider-nav,
  .bslider-nav::before {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    position: absolute
  }

  .bslider-nav .bicon,
  .click .wave,
  .coolButton,
  .hover,
  .hover2 {
    cursor: pointer
  }

  .bslider-item {
    float: left;
    width: auto;
    min-height: 1px;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
  }

  .bslider-nav {
    width: 60px;
    height: 100%;
    top: 0;
    z-index: 100;
    opacity: .6;
    overflow: hidden;
    transition: .3s ease-in-out
  }

  #footerMenus .contentByWarez .box:hover,
  .bslider-nav:hover,
  .coolButton.borderized:hover::after {
    opacity: 1
  }

  .bslider-nav::before {
    background: var(--dgray);
    width: 120px;
    height: 120px;
    border-radius: 60px;
    -webkit-box-shadow: 0 0 40px 5px rgba(0, 0, 0, .5);
    box-shadow: 0 0 40px 5px rgba(0, 0, 0, .5);
    transition: .3s ease-in-out;
    content: "";
    left: -60px;
    top: calc(50% - 60px)
  }

  #footerReels,
  .bslider.undraggable .bslider-nav {
    display: none
  }

  .bslider-prev {
    left: 0;
    visibility: hidden
  }

  .bslider.hasDragged .bslider-prev {
    visibility: visible
  }

  .bslider-next {
    right: 0
  }

  .bslider-next::before {
    left: unset;
    right: -60px
  }

  .bslider-nav .bicon {
    width: 15px;
    height: 30px;
    top: calc(50% - 15px);
    left: 15px;
    position: absolute
  }

  .bslider-next .bicon {
    left: 27px
  }

  .bslider-nav .bicon .line {
    position: absolute;
    width: 15px;
    height: 2px;
    background: #fff;
    top: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
  }

  .bslider-nav .bicon .line:last-child {
    top: 20px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  .bslider-prev .bicon {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
  }

  .wraptwo,
  footer {
    width: 100%;
    display: block;
    position: relative
  }

  @font-face {
    font-family: Mulish;
    src: url('css/mulish-font.woff2') format('woff2-variations');
    font-weight: 200 1000;
    font-style: normal;
    font-display: swap
  }

  :root {
    --lcolor: rgb(181, 181, 181);
    --darkbg: rgb(30, 17, 42);
    --gray: rgb(98, 108, 117);
    --darkback: rgba(21, 23, 30, 0.95);
    --darkbg: rgb(11, 14, 21);
    --dgray: rgb(24, 27, 31);
    --dgrayh: rgb(10, 12, 15);
    --orange: #10ac84;
    --orangeh: rgb(236, 126, 39);
    --orangeo: rgba(236, 126, 39, 0.2);
    --lorange: rgb(253, 231, 209);
    --green: #10ac84;
    --greenh: #1dd1a1;
    --blue: #0abde3;
    --blueh: #48dbfb;
    --red: #ee5253;
    --redh: #ff6b6b;
    --text: #d4d1d8
  }

  body,
  html {
    display: block;
    scroll-behavior: smooth;
    scrollbar-color: rgb(24, 27, 31) rgb(10, 12, 15);
    scrollbar-width: thin
  }

  input:focus,
  textarea:focus {
    outline: 0
  }

  .hover {
    -webkit-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out
  }

  #footerMenus .appButton,
  #footerMenus .followTwitter,
  .hover2 {
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out
  }

  .hover2 {
    transition: .2s ease-in-out
  }

  .wrap {
    display: block;
    position: relative;
    max-width: 92%;
    margin-left: 4%
  }

  .wraptwo {
    padding-left: 4%;
    padding-right: 4%
  }

  .gc {
    color: #b5b5b5
  }

  main {
    min-height: 50%
  }

  footer {
    margin-top: 20px;
    font-size: 0;
    text-align: center;
    margin-bottom: 100px
  }

  #footerMenus {
    position: relative;
    display: block;
    font-size: 0
  }

  #footerMenus .column {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    position: relative;
    text-align: left
  }

  .coolButton .txt,
  .gPoster .r {
    text-align: center
  }

  #footerMenus .title {
    font-size: 22px;
    margin-bottom: 10px
  }

  #footerMenus .listing a {
    font-size: 14px;
    display: block;
    line-height: 30px;
    padding-left: 5px
  }

  #footerMenus .listing a:hover {
    cursor: pointer;
    color: #fff
  }

  #footerMenus .appButton,
  #footerMenus .followTwitter {
    background: #2aa9e0;
    border-radius: 25px;
    -webkit-box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0);
    position: relative;
    height: 50px;
    padding-left: 25px;
    width: 160px;
    font-size: 12px;
    display: block;
    line-height: 50px;
    font-weight: 400;
    text-align: center;
    transition: .2s ease-in-out;
    margin-top: 20px
  }

  #footerMenus .contentByWarez .box,
  #footerPartners .list a {
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out
  }

  #footerMenus .followTwitter:hover {
    background: #2185b0;
    -webkit-box-shadow: 0 0 30px 0 rgba(255, 255, 255, .05);
    box-shadow: 0 0 30px 0 rgba(255, 255, 255, .05)
  }

  #footerMenus .appButton .gicon,
  #footerMenus .followTwitter .gicon {
    position: absolute;
    top: 15px;
    left: 15px
  }

  #footerMenus .app .ask,
  #footerMenus .social .info {
    font-size: 12px;
    margin-top: 10px;
    max-width: 200px
  }

  #footerMenus .app .ask {
    width: auto;
    margin-bottom: 0;
    margin-top: 0
  }

  #footerMenus .appButton {
    background: var(--dgray);
    width: 190px;
    margin-bottom: 10px
  }

  #footerMenus .appButton:hover {
    -webkit-box-shadow: 0 0 30px 0 rgba(255, 255, 255, .05);
    box-shadow: 0 0 30px 0 rgba(255, 255, 255, .05)
  }

  #footerMenus .contentByWarez .box {
    width: 100%;
    height: 100px;
    display: block;
    position: relative;
    margin-top: 20px;
    transition: .2s ease-in-out;
    opacity: .8
  }

  #footerMenus .contentByWarez .box img {
    position: relative;
    max-height: 30px;
    margin-bottom: 10px;
    margin-top: 10px
  }

  #footerMenus .contentByWarez .box .info {
    font-size: 12px;
    display: block
  }

  #footerInfos {
    display: block;
    position: relative;
    margin-bottom: 10px;
    text-align: left
  }

  #footerInfos>span,
  #footerPartners>span {
    font-size: 16px;
    display: block
  }

  #footerInfos>p {
    font-size: 12px;
    display: block;
    margin-top: 0
  }

  #footerPartners {
    display: block;
    text-align: left
  }

  #footerPartners .list {
    margin-top: 10px;
    display: block
  }

  #footerPartners .list a {
    display: inline-block;
    position: relative;
    font-size: 12px;
    transition: .2s ease-in-out;
    padding: 5px 10px;
    border-radius: 15px;
    margin-right: 5px
  }

  .coolButton,
  .gPoster {
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out
  }

  #footerPartners .list a:hover {
    background: #fff;
    color: #000
  }

  #footerCopyright {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    text-align: left
  }

  #footerLines {
    display: block;
    text-align: left;
    margin-top: 20px
  }

  #footerLines h2,
  #footerLines h3 {
    font-size: 12px;
    font-weight: 600
  }

  .click,
  .no-scroll {
    overflow: hidden !important
  }

  .click .wave {
    background-color: rgba(255, 255, 255, .15);
    -webkit-animation: 1s waveAnim;
    animation: 1s waveAnim;
    width: 600px;
    height: 600px;
    position: absolute;
    z-index: 10;
    border-radius: 50%
  }

  @-webkit-keyframes waveAnim {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0)
    }

    100% {
      -webkit-transform: scale(1);
      transform: scale(1)
    }
  }

  @keyframes waveAnim {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0)
    }

    100% {
      -webkit-transform: scale(1);
      transform: scale(1)
    }
  }

  .gPoster {
    width: 12.4vw;
    height: 18.5vw;
    position: relative;
    transition: .2s ease-in-out;
    overflow: hidden;
    display: inline-block;
    background: #000;
    border-radius: 1.5vw;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    will-change: transform
  }

  .gPoster:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
  }

  .gPoster::before {
    z-index: 10;
    content: "";
    background: #000;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .9)), color-stop(37%, rgba(0, 0, 0, .7)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, .7) 37%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, .7) 37%, rgba(0, 0, 0, 0) 100%);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 1
  }

  .gPoster .img,
  .gPoster .infos,
  .gPoster::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }

  .gPoster .infos {
    height: auto;
    top: unset;
    bottom: 0;
    left: 0;
    padding: 1.5vw;
    z-index: 20
  }

  .gPoster img {
    font-size: 1px;
    -o-object-fit: cover;
    object-fit: cover
  }

  .gPoster span {
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
    font-size: .8vw
  }

  .gPoster .b {
    display: block;
    position: relative;
    font-size: .6vw;
    font-weight: 400;
    color: #adadad
  }

  .gPoster .b>div {
    float: left;
    width: 30%
  }

  .gPoster .b .t {
    width: 40%;
    text-align: right
  }

  .gPoster .b .ep {
    width: 100%;
    text-align: left
  }

  .gPoster .r::before {
    content: "";
    position: relative;
    display: inline-block;
    margin-right: 3px;
    top: 1px;
    opacity: .8;
    width: .6vw;
    height: .6vw;
    background-image: url(../img/posterStar.svg);
    background-size: cover
  }

  .hidden {
    display: none !important
  }

  .left {
    float: left
  }

  .right {
    float: right
  }

  .text-right {
    text-align: right !important
  }

  .text-center {
    text-align: center !important
  }

  .text-left {
    text-align: left !important
  }

  .gicon {
    padding: 1px;
    -webkit-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out
  }

  .closeIcon,
  .gicon svg {
    display: block;
    position: relative
  }

  .gicon.w20 svg {
    width: 20px;
    height: 20px;
    overflow: hidden
  }

  .gicon.w30 svg {
    width: 30px;
    height: 30px;
    overflow: hidden
  }

  .gicon.w40 svg {
    width: 40px;
    height: 40px;
    overflow: hidden
  }

  .gicon.w45 svg {
    width: 45px;
    height: 45px;
    overflow: hidden
  }

  .gicon.w60 svg {
    width: 60px;
    height: 60px;
    overflow: hidden
  }

  .gicon.w100 svg {
    width: 100px;
    height: 100px;
    overflow: hidden
  }

  .gicon.w110 svg {
    width: 110px;
    height: 110px;
    overflow: hidden
  }

  .gicon circle,
  .gicon path,
  .gicon svg {
    fill: #FFF
  }

  .gicon.dark circle,
  .gicon.dark path,
  .gicon.dark svg {
    fill: #010E30
  }

  .height10 {
    display: block;
    width: 100%;
    height: 10px
  }

  .height20 {
    display: block;
    width: 100%;
    height: 20px
  }

  .height30 {
    display: block;
    width: 100%;
    height: 30px
  }

  .closeIcon::after,
  .closeIcon::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 2px;
    background: #fff;
    display: block;
    left: calc(50% - 1px)
  }

  .closeIcon::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  .closeIcon::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }

  .w15 .closeIcon {
    width: 15px;
    height: 15px
  }

  .w20 .closeIcon {
    width: 20px;
    height: 20px
  }

  .w40 .closeIcon {
    width: 40px;
    height: 40px
  }

  .coolButton {
    width: auto;
    position: relative;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    font-size: 14px;
    font-weight: 400;
    z-index: 10;
    border-radius: 25px;
    transition: .2s ease-in-out
  }

  .cInput,
  select {
    height: 40px;
    font-size: 14px;
    font-weight: 300
  }

  .coolButton.green {
    background: var(--green)
  }

  .coolButton.green:hover {
    background: var(--greenh)
  }

  .coolButton.red {
    background: var(--red)
  }

  .coolButton.red:hover {
    background: var(--redh)
  }

  .coolButton.blue {
    background: var(--blue)
  }

  .coolButton.blue:hover {
    background: var(--blueh)
  }

  .coolButton.gray,
  .coolButton.grayorange {
    background: var(--dgray)
  }

  .coolButton.gray:hover {
    background: var(--dgrayh)
  }

  .coolButton.grayorange:hover,
  .coolButton.orange {
    background: var(--orange);
    color: #000
  }

  .coolButton.orange:hover {
    background: var(--orangeh);
    opacity: .9
  }

  .coolButton.borderized {
    background: -o-linear-gradient(304deg, #f78c1f 0, #ff2600 33%, #ffa900 69%, #f78c1f 100%);
    background: linear-gradient(146deg, #f78c1f 0, #ff2600 33%, #ffa900 69%, #f78c1f 100%)
  }

  .coolButton.borderized::before {
    content: "";
    position: absolute;
    top: 2%;
    left: 1.5%;
    width: 97%;
    height: 96%;
    background: #020202;
    z-index: 20;
    border-radius: 25px
  }

  .coolButton.borderized::after {
    position: absolute;
    background: -o-linear-gradient(50deg, #f78c1f 0, #ff2600 33%, #ffa900 69%, #f78c1f 100%);
    background: linear-gradient(40deg, #f78c1f 0, #ff2600 33%, #ffa900 69%, #f78c1f 100%);
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 0;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    border-radius: 25px
  }

  .coolButton .txt {
    z-index: 30;
    position: relative
  }

  .coolButton.iconized {
    padding-left: 50px
  }

  .coolButton.iconized .icon {
    position: absolute;
    top: 14px;
    left: 12px
  }

  .coolButton.iconized img.icon {
    max-width: 20px;
    top: 15px
  }

  .coolButton .loading {
    opacity: 0;
    display: block;
    visibility: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #081c24;
    -webkit-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    border-radius: 20px;
    top: 50px
  }

  .coolButton .loading.square {
    border-radius: 0
  }

  .coolButton .loading::before {
    width: 68px;
    height: 24px;
    background-image: url(../img/loading.gif);
    position: absolute;
    top: calc(50% - 12px);
    left: calc(50% - 38px);
    content: ""
  }

  .coolButton.loading .loading,
  .coolButton.success .success {
    opacity: 1;
    top: 0;
    visibility: visible;
    -webkit-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out
  }

  .coolButton .success,
  .tooltiped .tooltip {
    opacity: 0;
    -webkit-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    left: 0;
    visibility: hidden;
    position: absolute;
    width: 100%
  }

  .coolButton .success {
    height: 100%;
    background-color: #00d373;
    transition: .1s ease-in-out;
    border-radius: 20px;
    top: -50px;
    display: block
  }

  .coolButton .success .icon {
    position: absolute;
    top: 9px;
    left: 12px
  }

  .tooltiped .tooltip {
    bottom: 0;
    transition: .1s ease-in-out;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 40px 5px rgba(90, 66, 123, .1);
    box-shadow: 0 0 40px 5px rgba(90, 66, 123, .1);
    padding: 10px 13px;
    font-size: 11px;
    color: #7a7070;
    z-index: 950;
    text-align: left;
    line-height: 16px;
    font-weight: 400
  }

  .tooltiped .tooltip::before {
    position: absolute;
    bottom: -6px;
    left: 12px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    content: ""
  }

  .tooltiped:hover .tooltip {
    opacity: 1;
    bottom: 50px;
    -webkit-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    visibility: visible
  }

  .cInput {
    width: 100%;
    border-radius: 20px;
    color: #000;
    border: 1px solid #efefef;
    padding: 0 20px
  }

  select {
    display: block;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #f2f2f2;
    padding: 0 30px;
    color: var(--gray)
  }

  @media only screen and (min-width:1920px) {

    .gPoster,
    .itemsList {
      height: 375px
    }

    .gPoster {
      width: 250px;
      border-radius: 20px
    }

    .gPoster .infos {
      padding: 25px 30px
    }

    .gPoster span {
      font-size: 18px
    }

    .gPoster .b {
      font-size: 14px
    }
  }

  @media only screen and (max-width:1440px) {
    #footerMenus .contentByWarez .box {
      height: auto
    }
  }

  @media only screen and (max-width:1180px) {
    .gPoster {
      width: 14.4vw;
      height: 21.5vw
    }

    .gPoster span {
      font-size: 1.1vw
    }

    .gPoster .b {
      font-size: .9vw
    }

    #filterListing .gPoster {
      margin: .4vw !important
    }

    .bslider-stage {
      padding-left: 4% !important
    }
  }

  @media only screen and (max-width:980px) {
    #footerMenus .column {
      width: 50%;
      margin-bottom: 10px;
      height: 160px
    }

    .gPoster {
      width: 17.2vw;
      height: 26.5vw
    }

    .gPoster span {
      font-size: 1.4vw
    }

    .gPoster .b {
      font-size: 1.1vw
    }

    .gPoster .b .r::before {
      display: none !important
    }

    #filterListing .gPoster {
      margin: .6vw !important
    }
  }

  @media only screen and (max-width:760px) {
    iframe {
      max-width: 100%
    }

    .gPoster {
      width: 21.2vw;
      height: 33vw
    }

    .gPoster span {
      font-size: 1.7vw
    }

    .gPoster .b {
      font-size: 1.3vw
    }

    #filterListing .gPoster {
      margin: .8vw !important
    }
  }

  @media only screen and (max-width:640px) {
    .bslider-nav {
      width: 40px
    }

    .bslider-nav::before {
      display: none
    }

    .bslider-next .bicon {
      left: 15px
    }

    .gPoster {
      width: 28.2vw;
      height: 42vw;
      border-radius: 2.5vw
    }

    .gPoster span {
      font-size: 2.1vw
    }

    .gPoster .b {
      font-size: 1.6vw
    }

    #filterListing .gPoster {
      margin: 1vw !important
    }

    .gPoster .infos {
      padding: 2vw
    }
  }

  @media only screen and (max-width:560px) {
    .gPoster {
      width: 40vw;
      height: 60vw
    }

    .gPoster span {
      font-size: 2.6vw
    }

    .gPoster .b {
      font-size: 2vw
    }

    .gPoster .infos {
      padding: 3vw
    }

    #filterListing .gPoster {
      margin: 1.5vw !important
    }

    #mve {
      padding: 0 10px
    }
  }

  @media only screen and (max-width:460px) {
    footer {
      margin-top: 40px;
      padding: 0 10px
    }

    #footerMenus .column {
      width: 100%;
      display: block;
      height: auto;
      margin-bottom: 20px
    }

    #footerMenus .title {
      margin-bottom: 5px
    }

    #footerMenus .listing a {
      line-height: 25px
    }

    #footerMenus .app .ask,
    #footerMenus .social .info {
      max-width: 100%
    }

    #footerMenus .app .ask {
      margin-top: 10px
    }

    #footerMenus .appButton,
    #footerMenus .followTwitter {
      margin: 0;
      height: 40px;
      font-size: 10px;
      line-height: 40px
    }

    #footerMenus .appButton .gicon,
    #footerMenus .followTwitter .gicon {
      top: 10px
    }

    .gPoster {
      width: 42vw;
      height: 60vw
    }

    .gPoster span {
      font-size: 3.5vw
    }

    .gPoster .b {
      font-size: 2.7vw
    }

    .gPoster .infos {
      padding: 3vw
    }

    #filterListing .gPoster {
      margin: 1.5vw !important
    }
  }