@media(max-width: 1401px){
    .lottery-main,
    .download-main,
    .metode-main {
        max-width: 1280px;
    }
    .box-title {
        padding: 6px 8px;
        padding-left: 10px;
    }
    .withdraw-deposit-inner .inner-main {
        gap: 16px;
    }
}
@media(max-width: 1301px){
    .lottery-main, .download-main, .metode-main,
    .footer-main {
        max-width: 1120px;
    }
    .icon-main {
        padding: 6px;
    }
    .box-title {
        font-size: 14px;
        line-height: 20px;
    }
    .box-inner ul li {
        font-size: 16px;
        line-height: 20px;
    }
    .box-inner-top span, .box-inner-bottom span, .box-inner-bottom span:first-child small {
        font-size: 10px;
    }
    .nav-tabs .nav-link {
        width: 230px;
    }
    .download-sec .right-content .right-content-inner img {
        height: 156px;
    }
    .shape2 {
        max-width: 340px;
    }
    .withdraw-deposit-main{
        flex: 1;
    }
    .withdraw-deposit-top {
        gap: 35px;
    }
    .withdraw-deposit-main h5 {
        font-size: 16px;
    }
    .withdraw-icon-span {
        width: 60px;
        height: 60px;
    }
    .withdraw-deposit {
        padding: 14px;
    }
    .withdraw-deposit-inner{
        padding: 16px;
    }
    .withdraw-deposit-top {
        justify-content: space-between;
    }    
    .withdraw-deposit::after, .metode-inner::before{
        height: 110px;
    }
    .metode-inner {
        padding: 44px 20px 20px 20px;
    }
    .metode-inner .right-content ul li {
        margin-right: 6px;
    }
    .metode-inner .right-content ul:last-child {
        padding-left: 10px;
        margin-left: 6px;
    }
    .metode-inner .right-content ul li img{
        height: 35px;
    }
    .metode-inner ol li a {
        gap: 12px;
        padding-inline: 16px;
    }
}
@media(max-width: 1199px){
    .nav-item {
        margin-right: 20px;
    }
    .navbar-brand img {
        height: 64px;
    }
    .top-header-main {
        padding: 24px 0;
    }
    .home-info::after {
        height: 110px;
        top: 50%;
    }
    .download-btn img, .call-btn img {
        height: 200px;
    }
    .lottery-main, .download-main, .metode-main, .footer-main {
        max-width: 930px;
    }
    .nav-tabs .nav-link {
        width: 180px;
    }
    .nav-link {
        font-size: 14px;
        line-height: 20px;
    }
    .main-heading {
        font-size: 24px;
    }
    .download-sec .right-content .right-content-inner img {
        height: 125px;
    }
    .shape2 {
        max-width: 290px;
        top: 50%;
        height: 276px;
    }
    .withdraw-deposit {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 12px;
    }
    .metode-inner {
        align-items: flex-start;
        flex-direction: column;
    }
    .metode-sec .right-content{
        width: 100%;
    }
    .metode-inner .right-content ul li:first-child {
        max-width: 100%;
    }
    .top-right form input{
        max-width: 100%;
    }
    .main-btn {
        max-width: 100%;
    }
    .top-header-main {
        justify-content: center;
        max-width: 100%;
    }
    .navbar-toggler-icon{
        display: block;
        margin-top: 6px;
        width: 32px;
        height: 2px;
        background: #fff;
    }
    .navbar-toggler-icon:first-child{
        margin-top: 0;
    }
    .nav-item:last-child{
        padding-bottom: 0;
    }
    .navbar-nav{
        padding: 14px;
    }
    .navbar-brand img {
        height: 57px;
    }
    .navbar .top-left{
        padding-left: 8px;
    }
    .lottery-main, .download-main, .metode-main, .footer-main {
        max-width: 930px;
    }
    .lottery-sec .nav-item{
        padding-bottom: 0;
    }
    .download-sec .right-content .right-content-inner {
        grid-template-columns: repeat(4, 1fr);
    }
    .download-sec .right-content .right-content-inner img {
        height: 140px;
    }
    .metode-inner .para {
        font-size: 14px;
    }
    .metode-link ol li {
        padding-right: 8px;
        margin-right: 8px;
    }
    .metode-main .main-heading.top {
        padding-left: 80px;
    }
}
@media(max-width: 991px){
    .lottery-main, .download-main, .metode-main, .footer-main {
        max-width: 707px;
    }
    .download-sec .right-content .right-content-inner {
        grid-template-columns: repeat(3, 1fr);
    }
    .nav-item {
        margin-right: 0;
        padding-bottom: 14px;
    }
    .hero-top p {
        text-align: left;
        padding-inline: 10px;
    }
    .download-btn img, .call-btn img {
        height: 158px;
    }
    .nav-tabs .nav-link {
        width: 162px;
    }
    .main-heading {
        font-size: 18px;
    }
    .top-header-main {
        padding-bottom: 5px;
    }
    .withdraw-deposit-main p {
        font-size: 36px;
    }
    .contact-info ol li {
        gap: 20px;
        justify-content: center;
    }
    .shape2 {
        max-width: 283px;
        height: 276px;
    }
}
@media(max-width: 767px){
    .hero-top p {
        font-size: 12px;
        line-height: 14px;
    }
    .lottery-top {
        max-width: 100%;
        flex-direction: column;
    }
    .download-btn img, .call-btn img {
        height: 120px;
    }
    .download-main-inner {
        grid-auto-flow: row;
    }
    .download-sec .right-content .right-content-inner img {
        height: 183px;
    }
    .contact-main{
        padding: 10px 0;
    }
    .shape2 {
        max-width: 100%;
        height: 290px;
    }
    .download-sec .left-content .main-heading,
    .download-sec .right-content .main-heading,
    .metode-main .main-heading.top {
        justify-content: center;
    }
    .metode-main .main-heading.top{
        padding-left: 0;
    }
    .download-sec .right-content .right-content-inner .text-bg-circle {
        left: -8px;
        width: 24px;
        height: 24px;
    }
    .metode-link ol {
        flex-wrap: wrap;
        row-gap: 12px;
    }
    .lottery-main, .download-main, .metode-main, .footer-main {
        max-width: 517px;
    }
    .metode-inner ol {
        flex-wrap: wrap;
    }
    .metode-inner ol {
        row-gap: 12px;
    }
    .metode-inner ol li a {
        gap: 8px;
        padding-inline: 12px;
    }
    .metode-icon-main {
        top: -30px;
    }
    .metode-inner .main-heading {
        justify-content: center;
    }
    .metode-inner .right-content ul li {
        font-size: 12px;
    }
    .browser-main {
        justify-content: center;
    }
    .download-sec .right-content .right-content-inner img {
        height: 169px;
    }
    .download-main-inner {
        gap: 28px;
    }
    .hero-top {
        padding: 5px 0px;
    }
    .navbar-brand img {
        height: 56px;
    }
}
@media(max-width: 575px){
    .top-right,
    .top-right form {
        width: 100%;
    }
    .top-right form {
        grid-auto-flow: row;
    }
    .hero .image-holder .banner-img {
        height: 330px;
        object-fit: cover;
        object-position: center;
    }
    .download-btn img, .call-btn img {
        height: 150px;
    }
    .lottery-main, .download-main, .metode-main, .footer-main {
        max-width: 315px;
    }
    .icon-main {
        padding: 3px;
    }
    .lottery-sec     .nav-link {
        font-size: 12px;
        line-height: 16px;
    }
    .nav-tabs .nav-link {
        width: 150px;
    }
    .download-sec .right-content .right-content-inner {
        grid-template-columns: repeat(2, 1fr);
    }
    .download-sec .right-content .right-content-inner img {
        height: 154px;
    }
    .contact-info ol li {
        font-size: 18px;
        margin-bottom: 6px;
    }
    .download-sec .main-heading {
        font-size: 20px;
    }
    .withdraw-deposit-inner .inner-main {
        flex-direction: column;
    }
    .withdraw-deposit::after, .metode-inner::before {
        height: 100px;
        top: -9px;
        width: 290px;
    }
    .metode-inner ol li {
        margin-right: 0;
        width: 100%;
    }
    .metode-inner ol {
        flex-direction: column;
    }
    .metode-icon-main {
        top: -7px;
        width: 50px;
        height: 50px;
        left: -15px;
    }
    .download-sec .performa-main .main-heading,
    .metode-main .main-heading{
        font-size: 20px;
    }
    .para span{
        display: none;
    }
    .browser-main{
        flex-direction: column;
        row-gap: 8px;
    }
    .metode-inner .right-content ul li img {
        height: 26px;
    }
    .metode-inner .right-content ul:last-child {
        padding-left: 0;
        margin-left: 0;
        border: 0;
    }
    .metode-inner .main-heading {
        padding-bottom: 6px;
    }
    .download-sec .right-content .right-content-inner img {
        height: 150px;
    }
    .download-sec .right-content .right-content-inner {
        padding: 10px;
        padding-bottom: 20px;
    }
    .nav-tabs{
        row-gap: 6px;
    }
    .top-right form{
        display: none;
    }
    .active-user .top-right form{
        display: grid;
        background: rgb(10, 9, 2);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 14px;
        position: absolute;
        width: 100%;
        z-index: 999;
        top: 115px;
    }
}