@media(max-width:1920px) {
}

@media(max-width:1600px) {
}

@media(max-width:1280px) {
}

@media(max-width:1024px) {
  
}

@media(max-width:991px) {
}

@media(max-width:980px) {
  
}

@media(max-width:800px) {
}

@media(max-width:768px) {
}

@media(max-width:767px) {
  .header-sec .navbar-toggle {
    background-color: #ffffff;
  }
  .header-sec .navbar-toggle .icon-bar {
    background-color: #333333;
  }
  .header-sec .nav.navbar-nav.navbar-right.cus-nvbar {
    display: inline-block;
    float: left;
    margin: 7.5px 0;
    text-align: center;
    width: 100%;
  }
  .header-sec .navbar-collapse {
    text-align: center;
  }
  .header-sec .languagepicker {
    float: none !important;
    position: unset;
    margin-bottom: 20px;
  }
}

@media(max-width:640px) {
  .banner-section {
    min-height: 360px;
  }
  .banner-content h1 {
    font-size: 30px;
    margin-top: 40px;
  }
  .banner-content p {
    font-size: 20px;
  }
  .app-links a {
    width: 30%;
  }
  .promo__item--wide .promo__media + .promo__content {
    padding: 15px;
  }
  .img-smiley {
    width: 24px;
  }
  .promo__title {
    font-size: 20px;
    line-height: 1.4;
  }
  .promo__description {
    font-size: 16px;
  }
  .promo__item--wide .promo__media {
    width: calc(50% + 20px);
  }
  .abt-contnt > h2 {
    font-size: 20px;
  }
}

@media(max-width:480px) {
  .footer-ul .col-lg-6.col-md-6.col-sm-6.col-xs-6 {
    width: 100%;
  }
  .footer-app-download {
    margin-top: 0;
    padding-left:0;
  }
  .footer-app-download > li {
    margin-bottom: 0;
  }
  .footer-app-download .img-responsive {
    margin: 0 5px;
  }
}

@media(max-width:360px) {
  .app-links a {
    width: 150px;
  }
  .under-banner-sec {
    padding: 15px 0;
  } 
  .promo__item--wide .promo__media {
    width: 100%;
  }
  .promo__item--wide .promo__media + .promo__content {
    top: auto;
    transform: translate3d(0px, -5%, 0px);
    position: unset;
  }
  .promo__item--wide .promo__content {
    max-width: 100%;
  }
  .Match-section {
    padding: 15px 0;
  }
  .Match-section .col-lg-6.col-md-6.col-sm-6.col-xs-6 {
    width: 100%;
  }
  .abt-tbl {
    height: 350px;
  }
  .chat-section .col-lg-6.col-md-6.col-sm-6.col-xs-6 {
    width: 100%;
  }
  .chat-section {
    padding: 15px 0;
  }
  .chat-section .abt-tbl {
    height: 100%;
  }
}

@media(max-width:320px) {

}