@media only screen and (min-width: 768px) and (max-width: 991px) {
}
@media only screen and (max-width: 479px) {
  .header__top img {
    height: auto;
  }
  .breadcrumb-section {
    height: 150px;
  }
  .offcanvas-menu-wrapper {
    background: #000;
  }
  .offcanvas-menu-wrapper .main-menu {
    display: block;
  }
  .main-menu {
    list-style: none;
  }
  .main-menu li {
    text-align: left;
    padding: 12px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .main-menu li:last-child {
    border-bottom: none;
  }
  .main-menu li a {
    color: #fff;
  }
  .search-btn {
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    padding: 0px 0px 10px 5px;
    display: flex;
  }
  .search-btn i {
    color: #fff;
  }
  .offcanvas-menu-wrapper {
    padding-top: 50px;
  }
  .offcanvas-menu-wrapper .header__top--canvas {
    margin: 20px 0px;
  }
  .canvas-close i {
    color: rgba(255, 255, 255, 0.8);
  }
  .match-section .col-lg-6:last-child .ms-content {
    margin-top: 50px;
  }
  .latest-section .col-lg-4 .section-title {
    margin-top: 50px;
  }
  .video-section .section-title,
  .popular-section .section-title {
    margin-top: 50px;
  }
  .vote-option {
    height: auto;
  }
  .vote-option .vo-text {
    padding: 25px 20px;
  }
  .fs-widget .fw-item {
    margin: 25px 0px;
  }
  select.predicsn {
    width: 100%;
  }
  .video-section {
    margin-bottom: 0px;
  }
  .latest-section {
    padding-bottom: 0px;
  }
  .news_item_inner .news-item:last-child {
    margin-bottom: 0px;
  }
  .vote-option {
    margin: 50px 0px;
  }
  .follow-links {
    margin-bottom: 0px;
  }
  .dropdown {
    display: none;
  }
  .dropdown_list:hover .dropdown {
    display: block;
  }
  .search-model-form input {
    font-size: 18px;
    padding: 8px 5px;
  }
  .search-close-switch {
    top: 20px;
    right: 20px;
  }
  .match-section {
    padding: 50px 0px;
  }
  .canvas-open {
    right: 12px;
  }
  .main-menu li.active a {
    color: #e1630d !important;
  }
  .tabs li {
    height: fit-content !important;
  }
  .leaderboard_sec .section-title h3 {
    font-size: 22px;
  }
  .tab-content {
    padding: 0px;
  }
  .leaderboard_sec {
    padding: 50px 0px;
  }
  .online_pay_icon {
    margin: 25px 0px;
  }
  .online_payment {
    margin-top: 50px;
  }
  .contact-form h2 {
    font-size: 24px;
  }
  .contact-info h2 {
    font-size: 24px;
  }
  .contact-section {
    padding: 50px 0px;
  }
  .contact-info {
    padding-bottom: 0;
  }
  .midlloginsec {
    transform: translate(-50%, 25%) !important;
    width: 90% !important;
  }
  .lofpart p.frgtpass {
    float: none !important;
    text-align: center;
  }
  .lofpart p.frgtpass2 {
    float: none !important;
    text-align: center;
  }
  .midlloginsec.midlloginsec_regis {
    transform: translate(-50%, 0%) !important;
    width: 90%;
  }
  .midlloginsec .logologin {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 880px) {
  .midlloginsec_regis {
    max-height: 350px;
    width: 100% !important;
  }
}