@media screen and (max-width: 576px) {
  html {
    overflow-x: hidden;
  }

  body {
    width: 100%;
    background: url(../images/top-fon-home.jpg) no-repeat #0c0c16;
    background-size: 250%;
    background-position: -500px top;
    overflow-x: hidden;
  }

  /* ############# Navbar ############# */
  .navbar .navbar-nav li .nav-link {
    width: 100%;
    height: 40px;
    line-height: 20px;
    color: #ffffffc7;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 5px;
    display: block;
    position: relative;
    -webkit-trnasition: all 0.3s linear;
    transition: all 0.3s linear;
  }

  .navbar .navbar-nav li .nav-link:hover {
    transform: translate(10px, 0);
  }

  .navbar .navbar-toggler {
    width: 50px;
    height: 50px;
    background: none;
  }

  .navbar-toggler-icon {
    width: auto;
    height: auto;
  }

  .wrapper.container {
    min-width: 100%;
  }

  /* ############# Header ############# */
  .container.header {
    max-width: 100vw;
    min-width: 100vw;
    margin: auto;
  }

  .mb-header-info {
    width: 100%;
    display: flex;
    justify-content: space-around;
    position: relative;
    top: 530px;
    background-color: #0c0c158a;
  }

  .mb-header-info a.mb-button {
    width: 150px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 30px #000, 0 0 30px #000, 0 0 30px #000, 0 0 30px #000;
  }

  .mb-header-info .mb-button p {
    font-size: 1.3rem;
    margin-top: 35px;
  }

  .mb-header-info .mb-button span {
    margin-top: 15px;
    display: block;
    color: #fff;
  }

  .container {
    max-width: 100%;
    min-width: 100%;
  }

  /* ############# Logo ############# */
  .logo {
    left: 0;
    right: 0;
    margin: auto;
  }

  /* ############# Linguagens ############# */
  .language {
    max-width: 125px;
    margin: 10px;
  }

  /*! Reativar bordar !!!! 
.modalBlock,
.mz-streams,
.fixedInfoBlock {
  display: none;
}
*/

  /* ############# Noticias e SLide  ############# */
  .news-panel {
    flex-direction: column-reverse;
  }

  .news-panel .events-block {
    width: 100%;
    height: 355px;
    background-size: 100%;
    margin-bottom: 20px;
  }

  .news-panel .events-block:before {
    left: 0;
    right: 0;
    margin: auto;
  }

  .news-panel .events-block .news-content-top {
    height: calc(200px + 20px);
    overflow-y: auto;
    overflow-x: hidden;
  }

  /* ############# Informações e Top Players  ############# */
  .block-widget {
    width: 100%;
    height: max-content;
    flex-direction: column;
    background-size: 100%;
  }

  .block-widget:before {
    bottom: 0;
    opacity: 0.5;
  }

  /* ############# Grid de Eventos e Rankings   ############# */
  .widget-group,
  .container-widget {
    max-width: max-content;
    margin: auto;
    flex-direction: column;
    max-height: 100%;
  }

  .widget-group > div {
    margin: 10px 0;
  }

  .events-groups {
    margin: 0;
  }

  /*/ Castle Siege /*/
  .castle-siege {
    height: 385px;
    background: url(../images/elementos/castle-siege-mb.png) no-repeat center;
    background-size: 100%;
  }

  .castle-siege-en {
    background: url(../images/elementos/castle-siege-mb_en.png) no-repeat center !important;
    background-size: 100% !important;
  }

  #cs-owner,
  #cs-master {
    width: 180px;
    margin: 0 10px 0 10px;
  }

  .cs-guild {
    overflow: unset;
    top: 82px;
  }

  .cs-guild img {
    width: 70px;
    height: 70px;
  }

  /* ############# Hall da Fama - Ranks  ############# */
  .slider-home {
    width: 100%;
  }

  .slider-home .swiper-slide {
    min-width: max-content;
  }

  /* ############# Galeria  ############# */
  .screens-container {
    width: 100%;
    flex-wrap: wrap;
    padding: 0 15px;
  }

  /* ############# Páginas  ############# */
  .page-main {
    min-width: 100%;
    flex-direction: column-reverse;
  }

  .page-main .page-container {
    width: 100%;
    background-size: 100%;
    margin-left: 0;
    margin-top: 40px;
  }

  .page-main .page-container::before {
    background-size: 100%;
  }

  .page-main .page-container:after {
    width: 100%;
  }

  .page-main .rank-page {
    padding-left: 0;
    padding-right: 0;
  }

  /*/ Página de eventos /*/
  .events-page {
    padding: 0 20px;
  }

  /*/ Aside bar/*/
  .asidebar {
    min-width: 100%;
  }

  .asidebar .partial-login {
    max-width: 300px;
    margin: auto;
  }

  .asidebar .partial-login .button {
    margin: auto;
  }

  .asidebar .widget-fon-discussions {
    margin: 0 auto !important;
  }

  /*/ Sparks /*/
  .sparks2 {
    width: 100%;
    z-index: -1;
  }

  .footer {
    background: url(../images/bottom-fon-home-1.jpg) no-repeat center bottom;
    background-size: 100%;
  }

  .navbar {
    max-width: 576px;
    width: 100vw;
  }

  .loja-godz .header-loja {
    background-position: center;
  }

  .swiper-slider.swiper-container {
    width: 100%;
    height: 315px;
  }

  .swiper-slider .swiper-slide img {
    max-width: 100%;
  }

  .newsPagination {
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .news-panel .events-block {
    margin: 0;
  }

  .gatilho {
    display: none;
  }

  .promotion {
    background: url(../images/promo/bg_promo.png) no-repeat center top #070919;
    background-size: 206%;
  }

  .page-container {
    min-width: 100%;
  }
}