@media only screen and (min-width: 992px) and (max-width: 1200px)  {
    /*//Put your CSS here for 992px to 1200px width devices //*/
    .navbar-brand img{max-width: 160px}
    .nav-search{padding-left: 40px}
    .nav-search svg{max-width: 35px}
    #main-nav li a{font-size: 18px}
    .nav-search-form{max-width: 80%}
}

@media only screen and (min-width: 768px) and (max-width: 991px)  {
    /*//Put your CSS here for 992px to 1200px width devices //*/
    .nav-search-form{ max-width: calc(100% - 60px);}
    input#search{height: 75px}
    .sidebar-wrap{max-width: 30%}
    .sidebar h2{font-size: 28px}
    .bookmark-logo {max-width: 150px}
    .h3-style-1 { font-size: 23px}
    .banner{min-height: 350px}
    .banner h1{font-size: 50px}
    .banner p {font-size: 27px}
    .h2-style-1 {font-size: 28px; line-height: 1.3}
    .prediction-block-top{padding: 25px 20px 10px}
    .prediction-sport-logo {max-width: 32px}
    .prediction-block-middle h3 {font-size: 22px;}
    .prediction-block-score {font-size: 32px;}
    h2{font-size: 26px; line-height: 1.3}
    .px-40 {padding-left: 20px; padding-right: 20px}
    .betting-site-offer,.betting-site-offer-btn {padding: 10px 8px}
    .betting-site-offer-text {font-size: 20px}
    .betting-site-offer-terms {font-size: 12px;margin-top: 15px}
    .upcoming-bet-sport-logo{padding: 0;}
    .upcoming-bet-logo {padding: 0 5px;}
    .upcoming-bet-footer-box,.upcoming-bet-footer-box-no{font-size: 18px;}
    .upcoming-bet-footer-box-text {padding: 5px 8px 5px 5px;}
    .upcoming-bet-footer-box-info{font-size: 10px;padding-left: 5px;}
    h3 {font-size: 23px;}
    .bonus-table thead th{font-size: 20px;}
    .bonus-table-logo {max-width: 80px;margin: 8px 0;}
    .bonus-table-box{padding: 8px 12px;}
    .accordion-button{font-size: 20px; line-height: 1.3;}
}

@media only screen and (max-width: 991px){
    .navbar-brand img{max-width: 200px}
    .nav-search{padding-left: 20px;min-height: 75px}
    .nav-search svg{max-width: 35px; }
    #navbarSupportedContent {
        position: absolute;
        left: 0;
        width: 100vw;
        top: 100%;
        background: #fff;
        padding: 0 12px;
        border-top: 2px solid #eee;
        z-index: 999;
    }
    #main-nav li a{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-nav .dropdown-menu {
        border: none;
        margin-left: 10px;
    }
}

@media only screen and (max-width: 767px){
    .nav-search svg { max-width: 30px;}
    input#search{height: 55px}
    .nav-search-form{max-width: calc(100% - 60px);}
    .main-wrapper{padding: 0 0 200px; background: #fff;}
    .main-wrapper>.container{padding: 0;}
    .px-40 {padding-left: 20px; padding-right: 20px;}
    .pt-40 {padding-top: 20px;}
    .p-20 {padding: 10px 0;}
    .prediction-block{margin: 20px;padding-bottom: 20px;}
    .prediction-block-top{padding: 20px;}
    .prediction-block-footer{padding: 15px;}
    .prediction-block-footer .btn{margin-top: 10px;}
    .betting-site-rank,.betting-site-offer-btn{max-width: 150px;padding: 15px;}
    .betting-site-offer-terms{margin-top: 10px;}
    .betting-site-offer{padding: 10px;}
    .betting-site-offer-btn .btn{max-width: 115px;}
    .betting-site-logo-rating {border-bottom: 1px solid rgba(21, 14, 63, 0.5);}
    .upcoming-bet-logo-bg {background: url(../../assets/img/upcoming-bet-logo-mobile-bg.svg) no-repeat;max-width: 40px;padding-left: 0;}
    .upcoming-bet-sport-logo{padding: 0;}
    .upcoming-bet-logo-bg img{max-width: 30px; margin-top: 14px;}
    .upcoming-bet-top h3{order: 1;margin-top: 10px;text-align: center;padding: 0 5px;}
    .upcoming-bet-top{height: 125px;}
    .upcoming-bet-top-time-mobile{margin-top: 10px;}
    .upcoming-bet-top-time-mobile span{display: block; font-size: 14px;}
    .upcoming-bet-footer-box {width: 100%;font-size: 18px;line-height: 22px;}
    .upcoming-bet-footer-box-text {padding: 5px 12px 10px 8px;}
    .upcoming-bet-footer-box-info{padding-left: 0;margin-top: 5px;}
    .upcoming-bet-footer-box-no{font-size: 20px; line-height: 24px;}
    .bonus-row-bonus{font-weight: 600;font-size: 24px;line-height: 29px;letter-spacing: -0.3px;}
    .bonus-table-box{margin-top: 10px;max-width: 190px;font-weight: 700;font-size: 16px;line-height: 19px;}
    .bonus-table-logo{max-width: 145px;}
    .bonus-row-bottom{background: rgba(21, 14, 63, 0.03);padding: 10px;margin-top: 10px;}
    .bonus-row-bottom .bonus-table-box{max-width: 35px;margin-top: 0;}
    .bonus-table-box-head{font-weight: 600;font-size: 24px;line-height: 29px;letter-spacing: -0.3px;padding: 10px 12px;text-align: center;}
    .bonus-table-box-head-col{border-radius: 5px;width: 105px;max-width: 100%;margin-right: 10px;}
    .bonus-table-box-head-col:last-child{margin-right: 0;}
    .bonus-row{margin-bottom: 10px;}
    .accordion-button{padding-top: 10px;padding-bottom: 10px;}
    .sidebar{background: #fff; padding: 0 20px;}
    .sidebar h2{text-align: center;}
    .notification-bar-close {position: absolute;top: -25px;right: -6px;}
    .notification-bar:not(.opened) .notification-bar-top-title {font-size: 20px;}
}
@media only screen and (max-width: 440px){
     .banner h1{font-size: 45px;}
}
@media only screen and (max-width: 375px){
    .navbar-brand img { max-width: 130px;}
    .nav-search svg { max-width: 20px;}
    .nav-search {padding-left: 10px;min-height: 50px;}
    .nav-search button{padding: 0 10px!important}
    .banner h1{font-size: 45px;}
    .upcoming-bet-top-time-mobile span {font-size: 13px;}
}