/* ================================= */
/* --------- Responsive CSS -------- */
/* ================================= */
@media (max-width: 1080px) and (min-width: 768px) {

    
}
@media (max-width:1040px) and (min-width: 992px) {

    
}
@media (max-width: 1439px) {
}
@media (min-width:992px) {
    
}
@media only screen and (min-width:992px) {
  #header .navbar .nav-item:hover .dropdown-menu {
    display: block;
  }
}
@media (max-width: 991px) {
    #header .navbar {
        padding:1rem;
    }
    .login-btn .navbar-toggler{
        padding: 10px 15px;
        background:#ffa229;
        color:#183744;
        margin-left:10px;
        border-radius:0;
    }
    .navbar-collapse {
        position: absolute;
        top: 100%;
        width: calc(100% - 30px);
        background: #183744;
        padding: 20px;
    }
    #header .navbar .nav-item {
        margin: 0 0 20px 0;
        display: block;
    }
    #header .navbar .nav-link{
        display:inline-block;
    }
    .choose-sport-box {
        margin-bottom: 15px;
    }

    .new-fixed-box-css {
        width: unset;
        height: unset;
    }

    .default-heading .shape-angle::after{
        border-bottom: 54px solid #09202a;
    }
    .latest-news-box {
        margin-bottom:15px;
    }
    .sport-banner {
        margin-bottom:15px;
    }
    .today-best-box {
        margin: 0 0 15px 0;
    }
    .latest-news-box {
        height:auto;
    }

    .log-class {
        display: flex;
    }
    
    p.logo-tagline {
        margin-top: 18px;
    }
}
@media (max-width: 767px) {
    .logo-tagline {
        font-size: 15px;
    }
    .betting-sites-heading {
        display: block;
    }
    .betting-sites-heading h3 {
        margin-bottom: 15px;
    }
}
@media (max-width: 667px) {
    .logo {
        text-align: center;
        display: block;
    }
    .header-top {
        padding: 15px 0;
    }
    .logo-tagline {
        margin-top:5px;
    }
}
@media (max-width: 645px) {
    .default-heading .shape-angle::after {
        border-bottom: 55px solid #09202a;
    }
}
@media (max-width: 575px) {
    .default-heading h2 {
        font-size: 20px;
    }
    .navbar-brand {
        margin-right: 0;
        max-width:170px;
    }
    .navbar-brand img{
        max-width:100%;
    }
    .login-btn a {
        padding: 7px 20px;
    }
}
@media (max-width: 480px) {
}